body {
			background-color: #dddddd;
			background-repeat: no-repeat;
			
		}
        /*.error {
            color: red;
        }
        .echo {
            color: green;
            font-size: 26px;
            line-height: 1.6;
            padding: 0;
            margin: 20px;
        }*/
        /*pozadí stránky*/
		.pozadiStranky {
			background-color: white;
			background-repeat: no-repeat;
            background-size: cover;
			box-shadow: 0 0 50px gray;
            
		}
        /*kontejner bez paddingu*/
        #background-image-container {
            height: 300px; /* nastavte výšku podle potřeby */
            background-image: url("../pictures/4301c4cd4a0cce9bd6bfd5e36e85130e.jpg"); /* cesta k obrázku */
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            background-attachment: fixed;
        }
        /*písmo v navbaru*/
        #navbartext {
            font-size: 1.5em;
        }
        /*pozadí navbaru*/
        #navbar {
            height: 100px;
            background-image: linear-gradient(rgb(252, 250, 250), rgb(140, 140, 140));
            position: sticky;
            top: 0;
            z-index: 1000;
            transition: height 0.3s;
        }
        /*pozadí navbaru*/
        #navbar.scrolled {
            height: 65px;
            background-image: linear-gradient(rgb(252, 250, 250), rgb(140, 140, 140));
            position: sticky;
            top: 0;
            z-index: 1000;
            transition: height 0.3s;
        }
        /*pisma v navbaru*/
        #navbar .nav-link {
            font-size: 1.5em;
            transition: height 0.3s;
            transition: all 0.3s;
        }
        /*pisma v navbaru*/
        #navbar.scrolled .nav-link {
            font-size: 1.0em;
            transition: height 0.3s;
            transition: all 0.3s;
        }
        /*navbar-facebook*/
        #navbar .facebook {
            width: 30px;
            height: 30px;
            transition: all 0.3s;
        }
        /*navbar-facebook*/
        #navbar.scrolled .facebook {
            width: 20px;
            height: 20px;
            transform: translateY(-50%);
            transition: all 0.3s;
        }
        /*navbar-facebook*/
        .facebook {
            margin: 10px;
        }
        /*navbar-facebook*/
        .facebook:hover {
            margin: 10px;
            transform: scale(1.2);
        }
        /*navbar-logo*/
        #navbar .logo-navbar {
            transition: all 0.3s;
        }
        /*navbar-logo*/
        #navbar.scrolled .logo-navbar {
            width: 60px;
            height: 30px;
            transition: all 0.3s;
        }
        
        /* Základní nastavení pro tlačítka */
		.nav-link {
			color: black; /* černá barva textu */
			text-decoration: none; /* bez podtržení */
			text-transform: uppercase; /* velká písmena */
		}

		/* Nastavení pro tlačítko při najetí myši */
		.nav-link:focus, .nav-link:hover {
			color: black; /* černá barva textu */
			background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgb(202, 202, 202)); /* bílá pro pozadí */
			text-decoration: none; /* bez podtržení */
            border-radius: 5px;
            transform: scale(1.1);
		}
        /* Nastavení pro aktivní tlačítko */
		.nav-link.active {
			color: #fff; /* bílá barva textu */
			background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(112, 112, 112)); /* šedá pro pozadí */
			text-decoration: none; /* bez podtržení */
            border-radius: 5px;
		}
        /*Animace tlačítka*/
        .toggler-icon {
		  	display: block;
		  	width: 25px;
		  	height: 3px;
		  	margin: 5px auto;
			-webkit-transition: all 0.3s;
		  	transition: all 0.3s;
		  	background-color: black;
		}
        /*Animace tlačítka*/
		.navbar-toggler:not(.collapsed) .top-bar {
		  	transform: translateY(8px) rotate(45deg);
		}
        /*Animace tlačítka*/
		.navbar-toggler:not(.collapsed) .middle-bar {
		  	opacity: 0;
		}
        /*Animace tlačítka*/
		.navbar-toggler:not(.collapsed) .bottom-bar {
		  	transform: translateY(-8px) rotate(-45deg);
		}
        /*pozadí collapse menu*/
        .pozadi {
            background-color: rgba(211, 211, 211, 0.9);
            border-radius: 5px;
            margin-top: 10px;
        }
        /*container bez paddingu*/
        .container-no-padding {
            padding-left: 0;
            padding-right: 0;
        }
        /*průhledné pozadí kolem textu*/
        .pruhledne {
            background-color: rgba(255, 255, 255, 0.486);
            border-radius: 5px;
        }
        /*písmo v průhledném pozadí*/
        .vpravo {
            justify-content: right;
        }
        /*písmo v průhledném pozadí*/
        .animovany-text {
    	opacity: 0;
    	transform: translateX(-300px); /* Původní pozice textu */
    	transition: opacity 1s ease-in-out, transform 1s ease-in-out;
		}
        /*písmo v průhledném pozadí*/
        #posun {
            transform: translateY(-200%);
            position: relative;
        }
        /*posun logo*/
        .logo {
            transform: translateY(-40%);
        }
        /*posun paddingu v kontejneru*/
        .padding-left {
            padding-left: 5%;
            padding-right: 3%;
        }
        /*nastavení čáry*/
        .line {
			position: relative;
			width: 98%;
			height: 2px;
			background-color: black;
		}
        /*nastavení  spodního panelu*/
        .spodnipanel {
            background-color: rgb(77, 77, 77);
            color: rgb(255, 255, 255);
        }
        /*nastavení  spodního panelu*/
        .link {
			color: white;
			text-decoration: none;		
		}
        /*nastavení  spodního panelu*/
        a:hover {
			color:rgb(156, 156, 156);
		}
        /*nastavení  spodního panelu*/
        .menu-spodnipanel {
            color:rgb(41, 171, 226);
        }
        /*nastavení  spodního panelu*/
        .pismo-spodnipanel {
            font-size: 1.2em;
        }
        /*nastavení  spodního panelu*/
        .padding-left-spodni-panel {
            padding-left: 3%;
            padding-right: 3%;
        }
        /*písmo kontakty*/
        .kontakt-info-barva {
            color: black;
        }
        /*písmo kontakty*/
        .kontakt-info {
            font-size: 1.2em;
        }
        /*kontaktní formulář*/
        .kontaktni-formular {
            background-color: #dddddd;
            border-radius: 5px;
            padding: 20px;
            box-shadow: 0 0 15px gray;
        }
        .tlacitko {
            background-color: rgb(41, 171, 226);
            color: white;
            padding: 8px 18px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s;
        }
        .tlacitko:hover {
            background-color: rgb(36, 142, 187);
        }
        
        /*nastavení pro velké displeje*/
        @media (min-width: 576px) {
            /*pozadí navbaru*/
            #navbar {
                height: 100px;
                background-image: linear-gradient(rgb(252, 250, 250), rgba(140, 140, 140, 0.1));
                position: sticky;
                top: 0;
                z-index: 1000;
                transition: height 0.3s;
            }
            /*navbar po scrollování*/
            .zamknuti {
                padding-top: 0px;
                transition: padding-top 0.3s;
            }
            /*navbar po scrollování*/
            #navbar.scrolled + .zamknuti {
                padding-top: 35px;
            }
            /*navbar logo*/
            .logo-navbar {
                width: 100px;
                height: 50px;
            }
            /*písmo v průhledném pozadí*/
            .pismo {
                font-size: 5.5em;    
            }
            /*písmo v průhledném pozadí*/
            #posun {
                transform: translateY(-180%);
                position: relative;
            }
            /*pozadí collapse menu*/
            .pozadi {
                background-color: unset;
            }
            /*posun logo*/
            .logo {
                transform: translateY(-10%);
            }
            /*velikost loga*/
            .tlapka {
                width: 50%;
                height: 50%;
            }
            /*velikost písma*/
            .lead {
                font-size: 1.8em;
            }
            /*zobrazení hlavního obrázku*/
            .hlavniobrazek {
                visibility: hidden;
                opacity: 0;
            }
            /*pozadí stránky*/
            .pozadiStranky {			
                background-image: url("../pictures/419405133_1438102523446984_6825548403713383519_n.jpg");
                background-repeat: no-repeat;
                background-attachment: scroll;
                background-size: contain;
            }
            /*zobrazení loga*/
            .obrazek {
			    opacity: 0;
			    transition: opacity 1s ease-in-out;
			    align-items: center;
		    }
            /*kontejner bez paddingu*/
            #background-image-container {
                height: 800px; /* nastavte výšku podle potřeby */
                background-image: url("../pictures/c644dfb819e569da1217910dce669f77.jpg"); /* cesta k obrázku */
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                background-attachment: fixed;
            }
            /*nastavení  spodního panelu*/
            .padding-left-spodni-panel {
                padding-left: 5%;
                padding-right: 3%;
            }
        }
        
        /*nastavení pro malé displeje*/
        @media (max-width: 359px) {
            /*obrázek v kontaktech*/
            .sidlo {
                width: 100%;
                height: 100%;
            }
        }