body {font-family: "Montserrat", sans-serif; font-size: 16px; font-weight:400; color:#272727;}
html {scroll-behavior: smooth;}

@media (max-width: 768px) {
body {font-size: 16px;}
}

a {color: #2b66bc;}

@media (max-width: 768px) {
.nemobil {display:none;}
}
h1 {height: 1px; width: 1px; top: 0; left: 0; position: absolute; overflow: hidden;}
h2 {font-size: 17px; font-weight: 600; margin-bottom: 0; line-height: inherit;}
@media (min-width: 1200px) and (max-width: 1300px) {
h2 {font-size: 15px;}
}
h5 {color:#2e4785;}

.zpozdeni-1 {animation-delay: 1s;}
.zpozdeni-2 {animation-delay: 2s;}
.zpozdeni-3 {animation-delay: 3s;}
.zpozdeni-4 {animation-delay: 4s;}

.male {font-size: 16px;}
.bila {color:white !important;}
.barva {color:#e4415c;}
.barva-bg {background-color:#e4415c;}
.barva-modra {color:#1d1735;}
.barva-modra-bg {background-color:#1d1735 !important;}
.seda-svetla-bg {background-color: #f7f7f7;}

.top-logo {max-height: 50px;}

.socialni { font-size: 13px;}
.socialni li {background-color: #ef6060; padding:6px 10px; border-radius:50%; position: relative;}
.socialni li.jazyk {background-color: #1d1735; padding:6px 8px; text-decoration: none;}
.socialni li.jazyk a {text-decoration: none;}
.socialni a {color:white;}
.socialni a:hover {opacity: 0.7;}


.navbar {border-bottom: 1px solid #e0dddd; z-index: 3; background: rgba(250, 250, 250, 0.8);}
.nav-item a  {color:#1d1735; font-size: 18px; font-weight:600; border-bottom: 2px solid transparent;}
.nav-item a:hover  {color: #e4415c; border-bottom: 2px solid #e4415c;}


.hp-nadpis {position: absolute; z-index:2; left: 8vw; bottom: 5vw; color: White;}
.hp-nadpis-red {font-size: 3.2vw; font-weight: 900;}
.hp-nadpis-white {font-size: 2.2vw; line-height: 1.2em;}
.max-button {max-width: 30vw;}

@media (max-width: 768px) {
.hp-nadpis-red {font-size: 6.2vw; font-weight: 900;}
.hp-nadpis-white {font-size: 5.0vw; line-height: 1.2em; text-shadow: 0px 0px 2px black; background: #000000c9; padding: 10px;}
}

#kontakty {}
#kontakty a {color: #1d1735;}
#kontakty a:hover {color:#e4415c;}


.cerveny-ton-prechod {
filter: none; /* Odstraní všechny filtry při najetí myši */
}

.cerveny-ton-prechod:hover {
  filter: sepia(100%) hue-rotate(300deg);
  transition: filter 0.3s ease-in-out;
}

#background-video {width: 100%;}
.vyber-text {color:#1d1735; font-weight:600; position: absolute; left: 0.75rem; top: 10px;}
.vyber-text-podbarveni {background: white; padding: 0.25rem 1.0rem; line-height: 1.7em; border-top: 1px solid #e4415c;}


@media (max-width: 768px) {
.container-kraj { --bs-gutter-x: 0.0rem;}
.vyber-text {top: -25px; font-size:14px;}
.vyber-text-podbarveni {background: white; padding: 0.25rem 0.75rem; line-height: 1.8em; border-top: 1px solid #e4415c;}
}



@media (min-width: 992px) {
.dvousloupce {column-count: 2; column-gap: 50px; /* Volitelné: mezera mezi sloupci */}
.trisloupce {column-count: 3; column-gap: 50px; /* Volitelné: mezera mezi sloupci */}
}

#skola .nav-link h3, #centrum-komplexni-pece .nav-link h3, #onas .nav-link h3   {color:black; font-size: 1.5vw; padding: 1vw 1vw; }
#skola .active h3, #centrum-komplexni-pece .active h3, #onas .active h3 {color:#e4415c; font-weight:600;}

@media (max-width: 992px) {
#skola .nav-link h3, #centrum-komplexni-pece .nav-link h3, #onas .nav-link h3 {font-size: 2.5vw; padding: 1vw 1vw; }
}

@media (max-width: 768px) {
#skola .nav-link, #centrum-komplexni-pece .nav-link, #onas .nav-link {padding: 10px 10px; }
#skola .nav-link h3 {font-size: 3.5vw; padding: 2vw 0vw 1vw 0vw; }
#centrum-komplexni-pece .nav-link h3 {font-size: 4.5vw; padding: 2vw 0vw 1vw 0vw; }
#onas .nav-link h3 {font-size: 4.2vw; padding: 2vw 0vw 1vw 0vw; }
}

  /* Styly pro responzivní video kontejner */
  .video-container {
    position: relative;
    width: 100%; /* Kontejner zabere celou dostupnou šířku */
    padding-bottom: 56.25%; /* Poměr 16:9 (9 / 16 = 0.5625) */
    height: 0; /* Nastavíme výšku na 0 */
    overflow: hidden; /* Skryje případný přetečený obsah */
    max-width: 800px; /* Volitelné: Omezte maximální šířku videa */
    margin: 0 auto; /* Volitelné: Vycentrování videa */
    background-color: black; /* Pro vizuální kontrolu */
  }

  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.obal-video {font-size: 0.8em;}


/*kolotoč loga */


    #demo{border-bottom: 1px solid #c0c0c04a;}
    #owl-demo .item{
        margin: 20px;
    }
    #owl-demo .item img{
        display: block;
        width: 100%;
        height: auto;
        filter: grayscale(100%);
        transition: filter 0.0s ease-in-out;
        opacity: 0.4;
    }

    #owl-demo .item img:hover {
    filter: none; /* Odstraní všechny filtry při najetí myši */
    opacity: 1.0;
    }


/* galerie */
.galerie {padding: 10px 0 0 0;}
.galerie-nulovani {padding: 10px 0 0 0;}
.galerie div[class^='col-'] {padding: 0;}
.galerie .ramecek {overflow: hidden;border-right: 6px solid transparent;border-bottom: 4px solid transparent;}
.galerie .ramecek2 {overflow: hidden; border-right: 14px solid transparent; border-bottom: 9px solid transparent;}
.galerie > div img {-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.galerie .zvetseni {-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform:translateZ(0) scale(1.20);-moz-transform:scale(1.20);-ms-transform:scale(1.20);-o-transform:translatZ(0) scale(1.20);transform:translatZ(0) scale(1.20);}

#table-dokumenty tr {position: relative;}
#table-dokumenty tr td a {color: #1d1735 !important;}
#table-dokumenty tr :hover {color:#e4415c !important;}
#table-dokumenty tr:hover td {color:#e4415c !important;}


.table-cenik tr {position: relative;}
.table-cenik tr td {vertical-align: middle;}
.table-cenik tr td a {color: #1d1735 !important;}
.table-cenik tr :hover {background-color:#e4415c !important; cursor: help; }

#profily .card-title {font-weight:600;}
#profily .card-text {font-size: 14px;}
#profily .card-odkaz a {font-size: 14px; color:#e4415c; text-decoration: none; }
#profily .card-odkaz a:hover {font-size: 14px; color:#1d1735;}
#profily .text-body-secondary a {color:#e4415c; text-decoration: none;}
#profily .text-body-secondary a:hover {color:#1d1735;}

@media (max-width: 768px) {
#profily .text-body-secondary a {font-size: 10px;}
}

.nadpis-aktualita {font-size: 1.0em; font-weight: 600;}

blockquote {border-left:6px solid #e4415c;}
