body {
			background-color: #dddddd;
			background-repeat: no-repeat;
			
		}
        li {
            list-style-type: none; /* skryje tečky */
        }
        /*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/c644dfb819e569da1217910dce669f77.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;           
        }
        /*navbar po scrollování*/
        #navbar.scrolled {
            height: 65px;
            /*background-color: white;*/
            background-image: linear-gradient(rgb(252, 250, 250), rgb(140, 140, 140));
            position: sticky;
            top: 0;
            z-index: 1000;
            transition: height 0.3s;
        }
        /*písmo v navbaru*/
        #navbar .nav-link {
            font-size: 1.5em;
            transition: height 0.3s;
            transition: all 0.3s;
        }
        /*písmo 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-logo*/
        #navbar .logo-navbar {
            transition: all 0.3s;
        }
        /*navbar-logo*/
        #navbar.scrolled .logo-navbar {
            width: 60px;
            height: 30px;
            transition: all 0.3s;

        }
        /*navbar-facebook*/
        .facebook {
            margin: 10px;
        }
        /*navbar-facebook*/
        .facebook:hover {
            margin: 10px;
            transform: scale(1.2);
        }
        /* 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%;
        }
        /*sponzoři*/
        .design-logo {
            margin-left: 2%;
        }
        /*sponzoři*/
        .plumlov {
            font-size: 1.2em;
        }
        /*sponzoři*/
        .plumlov-logo {
            margin-left: 3%;
        }
        /*link na galerii*/
        .link-galerie {
            color: black;
            text-decoration:underline;
        }
        /*info o kočkách*/
        .pismo-info-leve {
            font-size: 1.1em;
            transform: translateY(-17%);
            
        }
        /*info o kočkách*/
        .pismo-info-prave {
            font-size: 1.1em;
        }
        /*info o kočkách*/
        .info-leve {
            border: 2px solid black;
            border-radius: 10px;
        }
        /*info o kočkách*/
        .info-prave {
            border: 2px solid black;
            border-radius: 10px;
        }
        /*padding v info o kočkách*/
        .padding-left-info {
            padding-left: 5%;
            padding-right: 5%;
        }
        /*info o kočkách*/
        .infonadpis-levy {
            text-align: center;
            transform: translateY(-30%);
            background-color: white;
            margin: 1px;
        }
        /*info o kočkách*/
        .infonadpis-pravy {
            text-align: center;
            transform: translateY(-60%);
            background-color: white;
        }
        /*zoobrazení loga*/
        .utulky-logo {
                margin-left: 2%;
            }
        /*zoobrazení loga*/
        .utulky-logo2 {
                margin-left: 2%;
                margin-top: 3%;
            }

        /*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(-300%);
                position: relative;
            }
            /*pozadí collapse menu*/
            .pozadi {
                background-color: unset;
            }
            /*posun logo*/
            .logo {
                transform: translateY(-60%);
            }
            /*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/4301c4cd4a0cce9bd6bfd5e36e85130e.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;
		    }
            /*zobrazení loga*/
            .design-logo {
                margin-left: 3%;
            }
            /*zobrazení loga*/
            .plumlov {
                margin-left: 1.8%;
                font-size: 1.2em;
            }
            /*zobrazení loga*/
            .plumlov-logo {
                margin-left: 3%;
            }
            /*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;
            }
            /*padding v info o kočkách*/
            .padding-left-info {
                padding-left: 7%;
                padding-right: 5%;
            }
            /*info o kočkách*/
            .info-leve {
                border: 2px solid black;
                border-radius: 10px;
            }
            /*info o kočkách*/
            .info-prave {
                border: 2px solid black;
                border-radius: 10px;
            }
            .pismo-info-leve {
                font-size: 1.5em;
                transform: translateY(-19%);
            }
            /*info o kočkách*/
            .pismo-info-prave {
                font-size: 1.5em;
                transform: translateY(26%);
            }
            /*info o kočkách*/
            .infonadpis-levy {
                text-align: center;
                transform: translateY(-30%);
                background-color: white;
            }
            /*info o kočkách*/
            .infonadpis-pravy {
                text-align: center;
                transform: translateY(-50%);
                background-color: white;
            }
            /*padding v kontejneru*/
            .padding-left {
                padding-left: 5%;
                padding-right: 4%;
            }
            /* Přizpůsobení obrázků v Bootstrap karuselu */
            .carousel-item img {
                width: 100%;  /* nastaví šířku obrázku */
                height: auto; /* zachová poměr stran */
                max-height: 800px; /* maximální výška obrázku */
                margin: auto; /* vycentruje obrázek */
            }
            /*nastavení  spodního panelu*/
            .padding-left-spodni-panel {
                padding-left: 5%;
                padding-right: 3%;
            }

        }
        
        /*nastavení pro malé displeje*/
        @media (max-width: 376px) {
            /*zoobrazení loga*/
            .plumlov {
                margin-left: 0.3%;
                font-size: 1.2em;
            }
            /*info o kočkách*/
            .infonadpis-levy {
                text-align: center;
                transform: translateY(-90%);
                background-color: white;
                margin: 40px;
            }
            /*info o kočkách*/
            .infonadpis-pravy {
                text-align: center;
                transform: translateY(-120%);
                background-color: white;
                margin: 50px;
            }
            /*zoobrazení loga*/
            .design-logo {
                margin-left: 10%;
            }
            /*zoobrazení loga*/
            .plumlov-logo {
                margin-left: 6%;
            }
            /*zoobrazení loga*/
            .utulky-logo {
                margin-left: 4%;
                margin-top: 10%;
            }
            /*zoobrazení loga*/
            .utulky-logo2 {
                margin-left: 4%;
                margin-top: 10%;
            }
            /*nadpis leták*/
            .nadpis-letak {
                font-size: 1em;
            }
            

        }
        /*nastavení pro malé displeje*/
        @media (min-width: 376px) and (max-width: 576px) {
            /*zoobrazení loga*/
            .plumlov {
                margin-left: 0.3%;
                font-size: 1.2em;
            }
             /*zoobrazení loga*/
             .plumlov-logo {
                margin-left: 6%;
            }
            /*zoobrazení loga*/
            .utulky-logo {
                margin-left: 4%;
                margin-top: 10%;
            }
            /*zoobrazení loga*/
            .utulky-logo2 {
                margin-left: 4%;
                margin-top: 10%;
            }
             /*zoobrazení loga*/
             .design-logo {
                margin-left: 10%;
            }
            /*nadpis leták*/
            .nadpis-letak {
                font-size: 130%;
            }
        }