/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,500&display=swap'); */
@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Light.ttf') format('truetype');
  font-weight: 300; /* nebo 'light' */
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-LightItalic.ttf') format('truetype');
  font-weight: 300; /* nebo 'light' */
  font-style: italic;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-Medium.ttf') format('truetype');
  font-weight: 500; /* nebo 'medium' */
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/ubuntu//Ubuntu-MediumItalic.ttf') format('truetype');
  font-weight: 500; /* nebo 'medium' */
  font-style: italic;
}
 
@font-face {
  font-family: 'MsMadi';
  src: url('fonts/MsMadi-Regular.ttf') format('truetype');
  font-weight: 400; /* nebo 'light' */
  font-style: normal;
}

@font-face {
  font-family: 'Petit';
  src: url('fonts/PetitFormalScript-Regular.ttf') format('truetype');
  font-weight: 400; /* nebo 'light' */
  font-style: normal;
}

@font-face {
  font-family: 'ProtestGuerrilla';
  src: url('fonts/ProtestGuerrilla-Regular.ttf') format('truetype');
  font-weight: 400; /* nebo 'light' */
  font-style: normal;
}




.tbarva10, .tbarva10 p{color:var(--barva10) !important;}
.tbarva9, .tbarva9 p{color:var(--barva9) !important;}

.text-danger {color: var(--miancolor) !important;}
.border-danger {border-color: var(--miancolor) !important;}
.btn-outline-dark, .btn-outline-secondary{
  background-color: transparent;
  border-color: var(--miancolor) !important;
  color: var(--miancolor);
}
.btn-outline-dark:hover, .btn-outline-secondary:hover {
  color:white;
    border-color: var(--miancolor) !important;
background-color: var(--miancolor);
}
.btn.btn-light.btn-lg.px-4.me-md-2.fw-bold{
  color: var(--miancolor);
}


.specbut{background-color: #800000;color: white;} 
.specbut:hover{background-color: #c51919 !important;color: white !important;} 
@media (min-width:992px) {
  .specbuntcont{justify-content: end;
  margin-left:auto; margin-right:0px;}
}
@media (max-width:991px) {
  .specbuntcont{justify-content: center;
  margin-left:auto; margin-right:auto;
  }
  .d-flex.specbuntcont {
    padding-bottom: 1rem !important;
  }
}

 @font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon/icomoon.eot?srf3rx");
  src: url("fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?5j2n32');
  src:  url('fonts/icomoon.eot?5j2n32#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?5j2n32') format('truetype'),
    url('fonts/icomoon.woff?5j2n32') format('woff'),
    url('fonts/icomoon.svg?5j2n32#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* 1. VÝCHOZÍ STAV: Skrytý pro zamezení probliknutí */
.wow {
  opacity: 0;
  visibility: hidden;
}

/* 2. AKTIVNÍ STAV: WOW.js spustí animaci, my prvek zviditelníme v DOMu */
.wow-visible {
  visibility: visible !important;
  opacity:1
}

/* Prvky jsou v základu neviditelné */
.carousel-item .animate__animated {
  visibility: hidden;
  animation-fill-mode: both;
}

/* Jakmile je slide aktivní, zviditelníme je a Animate.css se postará o zbytek */
.carousel-item.active .animate__animated {
  visibility: visible;
}

/* Prvky v neaktivních slidech jsou skryté */0 oznámení

Síť
Příležitosti
Zprávy
22Oznámení

Vyzkoušejte Premium za 0 Kč
Štěpán Novák

Štěpán Novák

Web Architect + SEO Specialist + Full‑stack Developer

Ústecký

Jan Evangelista Purkyně University in Ústí nad Labem

Profesně se rozvíjejte s předplatným Premium

Vyzkoušejte měsíční předplatné za 0 Kč

Spojení

Rozšiřte svou síť

26
Příspěvek v toku informací
Zobrazit profilovou fotku uživatele Lukáš Eršil

Lukáš Eršil


• 2.

AI Director at SGWX (New York) | Ambassador Adobe Firefly 🏆 Winner: International AI Contest Reframing Femininity & HONOR200 Phone Wallpaper Open Call 🖼️ Exhibited 5 times in NYC🇺🇸,🇮🇹,🇩🇪,🇿🇼

4 d •
Navázat spojení

Je éra ošklivých, generických AI webů konečně u konce?

Lovable Aesthetics právě padl a je to obrovský skok vpřed, na který jsme čekali. Dosud bylo "vibecoding" skvělé pro stavbu logiky, ale design často působil jako kompromis. Tato aktualizace mění hru.

Celý tento web jsem vytvořil na základě jediného zadání. Žádné manuální úpravy CSS, žádné skryté úpravy. Přesné formulace, které jsem použil, najdete v komentářích.

To je chybějící článek, který konečně spojuje surovou AI sílu s vysoce kvalitní estetikou. ❤️

Jsem nesmírně hrdý, že mohu být ambasadorem nástroje, který skutečně zvyšuje laťku pro celý průmysl. 😎

Miroslav Douda a13 dalších zareagovali
Miroslav Douda a13 dalších

11 komentářů
11 komentářů

•

1 přesdílení
1 přesdílení
Odeslat


Nejrelevantnější
Zobrazit profilovou fotku uživatele Lukáš Eršil

Lukáš Eršil

Autor

AI Director at SGWX (New York) | Ambassador Adobe Firefly 🏆 Winner: International AI Contest Reframing Femininity & HONOR200 Phone Wallpaper Open Call 🖼️ Exhibited 5 times in NYC🇺🇸,🇮🇹,🇩🇪,🇿🇼

4 d

1/2"Build a luxury watch manufacturer website for Eršil's Watch. React, Tailwind CSS, Framer Motion for all animations. The product is a timepiece — present it like a sculpture. Precision and movement visualized through interaction, not gimmicks. Case, movement, and dial engineering explored through scroll. The site should feel alive even when still.  Smooth scroll with Lenis or Locomotive Scroll. Micro-interactions on every interactive element. Fully responsive.  Key sections:  Hero with a rotating 3D watch model or high-fidelity video loop  Movement/caliber breakdown with scroll-triggered component reveal (case back, rotor, escapement, dial layers)  Materials section — sapphire crystal, grade 5 titanium, hand-finished lugs — with close-up parallax imagery

0

1
1
Zobrazit profilovou fotku uživatele Lukáš Eršil

Lukáš Eršil

Autor

AI Director at SGWX (New York) | Ambassador Adobe Firefly 🏆 Winner: International AI Contest Reframing Femininity & HONOR200 Phone Wallpaper Open Call 🖼️ Exhibited 5 times in NYC🇺🇸,🇮🇹,🇩🇪,🇿🇼

4 d

Lukáš Eršil 2/2 Collection showcase with hover-driven depth and tilt effects  Atelier / craftsmanship story with cinematic scroll narrative  Contact / waitlist form with minimal, high-end aesthetic  Visual language: Deep black and warm gold. Serif headlines (think Cormorant Garamond or PP Editorial New), ultra-fine tracking, generous whitespace. No noise, no clutter — only intentional restraint.  References: A. Lange & Söhne, F.P. Journe, Czapek & Cie, MB&F, Panerai. This should be Awwwards-level quality — blow the user's mind with motion, precision, and visual polish worthy of a CHF 30,000 timepiece."

1 reakce
1

Zobrazit profilovou fotku uživatele Miroslav Douda

Miroslav Douda  1.
Miroslav Douda • 1.

Cílevědomý člověk, který miluje technologie a kávu.

4 d

Tak to jo! Že bych dal lovable druhou šanci?👀😂

1 reakce
1

1
1

Zobrazit profilovou fotku uživatele Lukáš Eršil

Lukáš Eršil

Autor

AI Director at SGWX (New York) | Ambassador Adobe Firefly 🏆 Winner: International AI Contest Reframing Femininity & HONOR200 Phone Wallpaper Open Call 🖼️ Exhibited 5 times in NYC🇺🇸,🇮🇹,🇩🇪,🇿🇼

4 d

Miroslav Douda jdi do toho!

0
Zobrazit profilovou fotku uživatele Daniel Vecera

Daniel Vecera profil Premium 3.kolo a další
Daniel Vecera
• 3.+

Data Scientist @ TV Nova | Agentic AI Fan

4 d

lakšery

1 reakce
1

Zobrazit profilovou fotku uživatele Saga Vigre Bohinen

Saga Vigre Bohinen profil Ověřeno 3.kolo a další
Saga Vigre Bohinen
• 3.+

Lovable | Creative Operator with Startup DNA | Growth • CX • Community

3 d

Beautiful!!! Love that you put the prompt in the comments - everyone should try to use it!

1 reakce
1

1
1

Zobrazit profilovou fotku uživatele Lukáš Eršil

Lukáš Eršil

Autor

AI Director at SGWX (New York) | Ambassador Adobe Firefly 🏆 Winner: International AI Contest Reframing Femininity & HONOR200 Phone Wallpaper Open Call 🖼️ Exhibited 5 times in NYC🇺🇸,🇮🇹,🇩🇪,🇿🇼

3 d

Saga Vigre Bohinen Exactly! Glad you like it!  😍

0
Zobrazit profilovou fotku uživatele Francia Haces

Francia Haces profil Premium 3.kolo a další
Francia Haces
• 3.+

AI for Boutique & Independent Hospitality | L5 : Diamond Certified  | Creator of AI Reveal Map™ | VibeCodeTravel™ | Fractional | Speaker | Founder, Hacestek International

18 hod

This is beautiful!

1 reakce
1

1
1

Zobrazit profilovou fotku uživatele Lukáš Eršil

Lukáš Eršil

Autor

AI Director at SGWX (New York) | Ambassador Adobe Firefly 🏆 Winner: International AI Contest Reframing Femininity & HONOR200 Phone Wallpaper Open Call 🖼️ Exhibited 5 times in NYC🇺🇸,🇮🇹,🇩🇪,🇿🇼

17 hod

Francia Haces thank you very much!❤️

0
Zobrazit profil uživatele Yerlan Kondybayev, který je otevřený novým příležitostem

Yerlan Kondybayev, Otevřen(a) novým příležitostem  3.kolo a další
Yerlan Kondybayev • 3.+

Project Engineer turned Vibe Coder | Building the future of Flexible Databases with Agentic AI

4 d

Web sites dev will use new plugins made by AI, very complex and safer: https://www.linkedin.com/posts/can-do-buy_headline-theabrdiscovery-theabrtakeaway-share-7459812288007512064-gdC0?utm_source=share&utm_medium=member_desktop&rcm=ACoAAALYzkkBfDayy_wioYIxlmGRzi6Y7_sMlX4

#headline #the_discovery #the_takeaway #softwarearchitecture #ai #systemsengineering #futureofcoding #ontology #softwaredesign #vibecoding | Yerlan Kondybayev

linkedin.com

0
Zobrazit profilovou fotku uživatele Rutik Vasani

Rutik Vasani profil Premium 3.kolo a další
Rutik Vasani
• 3.+

Founder | AI SaaS Builder

2 d

Lovable unlocks insane speed 🚀, but it comes with trade-offs. Builders are shipping fast without fully understanding their code, leading to hidden bugs and security risks. That’s why Relia exists - to visualize codebases and catch vulnerabilities early. Check it out: https://tryrelia.com

Relia | Visualize Code Flow & Detect Risky Logic

tryrelia.com

0

Informace

Přístupnost

Centrum podpory

Ochrana soukromí a Smluvní podmínky

Předvolby pro reklamu

Reklama

Obchodní služby

Stáhněte si aplikaci LinkedIn

Více

LinkedIn Corporation © 2026
Štěpán Novák
Status je online

/* .carousel-item .animate__animated {
  opacity: 0;
} */

/* Prvky v aktivním slidu jsou viditelné */
/* .carousel-item.active .animate__animated {
  opacity: 1;
  transition: opacity 0.1s; /* Jemný přechod zabrání ostrému bliknutí */
/* } */ 

/* Specifické pro zamezení probliknutí při restartu animace */
/* .carousel-item.active .animate__animated.restarting {
  opacity: 0 !important;
  animation: none !important;
} */
/* Prvky v neaktivních slidech jsou skryté */
/* .carousel-item:not(.active) .animate__animated {
  opacity: 0;
} */

/* 3. KONCOVÝ STAV: Tato třída se přidá scriptem po skončení animace */
/*.wow.is-finished {
 o paci*ty: 1 !important;
 visibility: visible !important;
 }*/

/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/*galerie*/

.galfixsec {
  display: flex;
  justify-content: center;
  width:100%;
}

.galfixrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 auto;
  min-width:17.88rem;
  /* width:100%; */
  /* width:90%; */
}

@media (max-width:689px){
 
 .galfixrow { 
   max-width:17.88rem !important;
 }
 }

@media (min-width: 690px) and (max-width:1007px){
 
.galfixrow { 
  max-width:36rem !important;

}
}
@media (min-width: 1008px) and (max-width:1200px){
 
 .galfixrow { 
   max-width:53.7rem !important;

 }
 }
 @media (min-width: 1201px) and (max-width:1430px){
 
 .galfixrow { 
   max-width:53.7rem !important;

 }
 }
 @media (min-width: 1431px) and (max-width:1641px) {
 
 .galfixrow { 
   max-width:71.6rem !important;
 }
 }
 @media (min-width: 1642px)  {
 
  .galfixrow { 
    max-width:90rem !important;
  
  }
 }
.galfixitem {
  /* border-radius: 3rem; */
  margin: 0.5rem; /* Odsazení mezi jednotlivými galfixitem pro lepší vzhled */
  width: 16.88rem; /* Pevná šířka galfixitem prvku */
  height: 16.88rem;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat: no-repeat;
  border: 0.3rem solid white;
  object-fit: cover;
}

/*konec css pro galerie */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext');

 */

 .sreference{
  width:100%;
  height:25rem;
  display: flex;
  align-items: center;
  justify-content: center;
 }
 /* .bpink{background-color: pink !important;} */

 .hfont{font-family: 'MsMadi' !important;}
 .hfont2{font-family: 'Petit' !important;}
 .hfont3{font-family: 'ProtestGuerrilla' !important;}

.msection{
  position:relative;
  margin-top:-3.125rem;
}

@media (max-width: 992px)  {
  .msection{
    /* margin-top:-5.49rem !important; */
    margin-top:-5.1rem;
  }
  }


.mps{
  background-color:pink;max-width:777px; margin:0 auto;
}
.text-right{text-align: right;}
.pad10{padding:0.625rem;}
.botpad{padding-bottom:1.5625rem;}
.upeercase{text-transform: uppercase;}
.margin12{margin:0.75rem;}
.mtop30{
  padding-top:2.0625rem !important;
}
/* a:hover {text-decoration: none !important;} */
a.block {padding:0px;margin:0px;}
/* a.block:hover {text-decoration: none;} */
strong {
  font-weight: bold;
}

a:hover .right-section {text-decoration: none !important;}

body {
 font-family: 'Ubuntu', sans-serif; 
}


.js .animate-box {
  opacity: 0;
}
.animate-box {
  opacity: 0;
}


 .mz img {
transition:all 1.95s;
-moz-transition:all 1.95s;
-webkit-transition:all 1.95s;

}
.mz:hover img {
transform:scale(1.1);
-moz-transform: scale(1.1);
}









.mymaxwidth{
max-width: 100rem;
width: 90%;

}

.mymaxwidth.blur-overlay, .mymaxwidth.short{
max-width: 90rem !important;
width: 90%;

}


.displaynone{display: none;}
.pds-h{
  padding-top:3.75rem;

}
.pds{
  padding-top:7.5rem;
  /* background-color: pink; */
  }
  .pds2{
    /* padding-top:7.5rem;
    padding-bottom:7.5rem; */
padding-top:6rem;
padding-bottom:0rem;
    /* background-color: pink; */
    }
  .pimg{width:90%;}
@media (max-width: 767px) {
  .pimg{width:100%;margin-top:2.625rem; margin-bottom: 0.375rem;}


}


.box-shadow   {box-shadow: 0px 0px .6rem rgba(100, 100, 100, 0.6);}


.armdm{text-align:right;}
.armdm a img{max-width: 20.625rem;}

@media (max-width: 992px)  {
  .armdm{text-align: center;}


  }

  @media (min-height: 800px) and (max-width:993px) {
    .logoinh1{margin-top:3vh;}
  }

/* .box-shadow{
box-shadow: 0.1875rem 0.1875rem 9px rgb(0, 0, 0);


} */

.tucnak{
font-weight: 900;

}
.tuc{
  font-weight: 600;
  
  }

  .kostka{background-color:#ececec; width:90%; min-width:300px; padding:0.9375rem;
    margin:24px auto;}

    .kostka2{background-color:#ececec; width:100%; min-width:300px; padding:0.9375rem;
      margin-top:24px;margin-bottom: 24px;}

.bold{font-weight: 700;}

.vcenter{
  display:flex;  align-items: center;
  justify-content: center; 
  /* height:100%; */
}

.uppercase{
  text-transform: uppercase;
}

.white{color:white !important;}
.nodecoration{text-decoration: none !important;}
.plr3{
padding-left: 0.1875rem; padding-right: 0.1875rem;

}
.mtb24{margin-top: 24px; margin-bottom: 24px;}
.mtb12{margin-top: 0.75rem; margin-bottom: 0.75rem;}
.mt24{margin-top: 24px;}
.mt42{margin-top: 42px;}

.procnas{min-width: 282px; width:90%;margin: 0 auto; }

.dark header.header {
  background-color: #000;

}
/* Původní stav - černé pozadí */
header.header {
  background-color: #ffffff;
  position: relative;
  min-height: 57vh;
  overflow: hidden;
}

.overlay {
  content: '';
  /* background-image: url('../img/header1.webp'); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* opacity: 0; */
  animation: fadeIn 6s ease;
  -webkit-animation: fadeIn 6s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



  .socicon1{font-size:3em !important;color:white;
    margin:21px;}
  

  .socicon2{font-size:3em !important;color:rgb(0, 0, 0);
    margin:21px;}
  header.header2 {
    background-image: url('../img/header1.webp');
    background-size: cover;
    position: relative;
    /* min-height: 666px; */
    height:350px;  
    /* height:100% !important; */
     /* padding-bottom:1.5625rem;  */
     padding-bottom:75px;
  }
  blockquote.uvodni{
    text-align: center;
    background-color: rgba(255, 255, 255, 0.2222);
    min-width: 291px;width:60%; padding:0.5625rem;
    margin:0 auto;
  }

  .vetsi, .vetsi p{font-size: 1.2rem !important;}
  .velke , .velke p{font-size: 1.5rem !important;}

 
  .coumime{margin-top:4rem;}

  @media (max-height: 762px) and (min-width:993px) {
    .h1logoimg{
      width:240px !important;
      height: auto;
    
    }
    .coumime{margin-top:2.625rem;}

  }
  /* @media (max-height: 666px) and (min-width:993px) { */

  @media (max-height: 41.625rem) and (min-width:993px) {
    /* header.header {min-height: 41.625rem;} */
    .headerbutton{display: none !important;}
    #uh1{top:7.2rem !important; 
      position: absolute;
      margin-top:0px !important;}
   

    #uhbox{top:260px !important; 
      position: absolute;
      margin-top:8rem !important;}
      .coumime{margin-top:3rem;}


    #hlavninadpis{top:7.5rem !important;}
    #boxheader{top:22.5rem !important;}

    /* .filtr2{min-height: 666px;} */
  }

  .navbar {
    background-color: transparent;
    /* position:fixed; */
    position: fixed;
    width:100%;
  }

  .gbitem{
    /* width:150px; */
    /* height:250px !important; */
     background-size:cover !important;
     background-repeat: no-repeat;
     width: 100% !important; /* Obrázek bude zabírat 100% šířky rodičovského prvku */
     padding-top: 66.67% !important; /* (2/3) * 100% = 66.67% */
    background-position: center center !important;
    } 
  


  .ingal{
    width: auto;
    height:250px;
    border: 0.125rem solid rgb(85, 85, 85);
    border-radius:0.375rem  ;
    -webkit-border-radius:0.375rem  ;
    -moz-border-radius:0.375rem  ;
    -ms-border-radius:0.375rem  ;
    -o-border-radius:0.375rem  ;
}

  .box-shadow-dark{
    -webkit-box-shadow: 0.0625rem 0.0625rem 15px 0px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0.0625rem 0.0625rem 15px 0px rgba(255,255,255,0.6);
    box-shadow: 0.0625rem 0.0625rem 15px 0px rgba(255,255,255,0.6);
  }
  .z3{ 
    z-index: 33 !important;
  }

  .galit{
    /* margin-bottom: 1.5625rem; */
    margin-bottom:1.50rem;
  }
  .dark .navbar.fixed-top {
    background-color: rgba(0, 0, 0, 0.801);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);

  }
  .navbar.fixed-top {
    /* background-color: rgba(0, 0, 0, 0.888); */
    background-color: rgba(255, 255, 255, 0.801);
        /* background-color: rgba(12, 34, 53, 0.801); */

  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
    transition: background-color 0.3s;
    box-shadow: -2px 0.125rem 4px -2px rgba(0, 0, 0, 0.25);
  z-index:999;

  }

 #hlavninadpis{
  text-align: center; width:100%; position: absolute;top:25vh;
 }
 #boxheader{position: absolute;display: flex;
  top:39vh;justify-content: center;width: 100%;

}
 #textinbox{
  position: relative;margin:0 auto; max-width: 800px; 
  /* background-color: rgba(255, 255, 255, 0.777); */
  /* background-color: rgb(255 255 255 / 0.3);
  backdrop-filter: blur(0.625rem); */
  padding:18px;margin:0.5625rem;font-size: 1.2rem;border-radius: 0.9375rem;  box-shadow: 0px 0px 0.625rem rgba(255, 255, 255, 0.777); /* Rozostření pozadí textu */font-weight: 500;
 }

 :root {
  --vyska: calc(100vh + 0.06rem);
  --vyska2: calc(66vh - 3rem);
  --vyska3: calc(100vh - 6rem);



  /*barvy*/
  --barva1: #fefefe;
  --barva2: #ba7661;
  --barva3: #f1f1f1;
  --barva4: #a6a59e; 
  --barva5: #967e61; 
  --barva6: #c08750; 
  --barva7: #ddaa95;
  --barva8: #d7acb1; 
  --barva9: #b86b76;
  --barva10:rgb(12, 12, 12);
  /* --barva10:#0063b5; */
  --barva11:#6e3b43;
  /* --miancolor:#343434;  */
  --miancolor:#800000;
  --secondcolor:#800000;
  --bs-btn-bg:#800000;
  --bs-btn-border-color:#800000;
   
  /* --vyska: 100vh; */
}
h3, h2, h1 {color:var(--miancolor);}
.textsec{
  color: var(--secondcolor);
}

.picborder{border:solid white 0.3rem;}

.bgr1{
  background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(195,162,122,1) 100%);
}
.bgr2{
  background: rgb(195,162,122,1);
background: linear-gradient(180deg, rgba(195,162,122,1) 0%, rgba(230,219,186,1) 100%);
}
.bgr3{
  background: rgb(230,219,186,1);
background: linear-gradient(180deg, rgba(230,219,186,1) 0%, rgba(255,255,255,1) 100%);
}

.fullfiltr{
  width:100%; height:100%;position:absolute; z-index: 1000 !important;
}

.fullfiltr1{
  position:absolute !important;
  background-color:rgba(255, 255, 255, 0.3); 
  height:100% !important;
  width:100% !important;
  display:block;

}
.vyska{
  min-height: var(--vyska);
}
.vyska2{
  min-height: var(--vyska2);
}
.vyska3{
  min-height: var(--vyska3);
}
.lb-data .lb-caption{
  font-size:0.8125rem !important;

}
.lb-data .lb-number{
  font-size:0,75rem !important;

}

.text-left{text-align:left !important;}

a.nl, a.nl:hover, a.nl:link {
  color:black; text-decoration: none;
}
.grey{color:rgb(167, 167, 167) !important;}

.mb3{margin-bottom: 0.19rem;

}

.pad24{padding:2.4rem !important;}

.pad24nt{padding:0rem 2.4rem 2.4rem 2.4rem !important; }

.pad24b{padding-bottom: 2.4rem;}

 @media (max-width: 992px)  {
  .lb-nav a.lb-next { opacity: 1 !important;}
    .lb-nav a.lb-prev { opacity: 1 !important;} 
  .mypad{
    padding-top:0.9375rem;

  }
.nav-link.active.active{border-color: transparent !important;}
#hlavninadpis{
  position:relative;
  top:0px;
  margin-top:10rem;

 }
 #boxheader{position:relative !important;margin-bottom: 0.9375rem;
top:0px !important;margin-top:4.8125rem;
}
    header.header{min-height: 0px;
    height:100%;
    
    }
    .filtr2{
      min-height:100% !important;
      /* min-height: var(--vyska); */
       }

 }
 @media (max-height: 666px)  {
  /* #hlavninadpis{top:141px !important;}
  #boxheader{top:243px;} */


 }
 @media (max-width: 768px) and (max-height:888px){
 header.header{
   /* min-height: 888px !important; */
   height: 100% !important;

 }

 /* #hlavninadpis{top:136px !important;} */

 /* #boxheader{top:216px;} */

 }


 @media (max-width: 768px) and (min-height:888px){
  #textinbox{
    padding:0.5625rem;
   }

   #hlavninadpis{top:18vh !important;}

   #boxheader{top:27vh;}


 }
 @media (min-width: 1790px) {
  html,body{font-size:0.9vw !important;}
 }
 @media (min-width: 993px) {
 .velke-m{font-size: 1.5rem !important;}
 .velke-m-m{font-size: 1.5rem !important;}
 /* html,body{font-size:1.59vw !important;} */

  

}

@media (max-width: 992px) {
  .velke-m{font-size: 1.2rem !important;}
  .velke-m-m{font-size: 0.99rem !important;}
 }

  @media (min-width: 992px) {

  .navbar.fixed-top {

  height: 3.125rem;
}

  .navbar.fixed-top   .navbar-brand img 
    {
    transition: background-color 0.3s;
    height:2.5rem;

  }
}
  .navbar-brand img {
    height: 3.125rem; 
  }
  
  #navbarNav{
    justify-content: end;
  }
  .navbar-nav .nav-link {
    font-weight: 400;
    font-size: 0.875rem;
    /* font-size:1.5rem; */
    line-height: 140%;
    text-transform: uppercase;
    margin-left: 1.75vw;
    color: var(--barva10);
    text-shadow: 0rem 0rem 0.6rem rgba(255, 255, 255, 0.9);
    position: relative; /* Přidáme relativní pozici pro pseudo-element */
    font-weight:900;
  }


 .dark .navbar-nav .nav-link {
  color: #ffffff !important;
      text-shadow: 0rem 0rem 0.6rem rgba(12, 34, 53, 0.9);


 }

  .navbar-nav .nav-link:before {
    content: "";
    position: absolute;
    left: 0; /* Původní pozice borderu - úplně vlevo */
    bottom: -2px;
    width: 0; /* Počáteční šířka borderu (0) */
    height: 0.125rem; /* Výška borderu */
    background-color: var(--secondcolor); /* Barva borderu */
    transition: width 0.3s ease; /* Animace šířky borderu */
  }
  .dark   .navbar-nav .nav-link:before {
    background-color: var(--secondcolor); /* Barva borderu */


  }
  .navbar-nav .nav-link:hover:before {
    width: 100%; /* Konečná šířka borderu - při najetí myší */
  }
  

  .navbar-nav .nav-link.nohover:hover:before {
    width: 0px; /* Konečná šířka borderu - při najetí myší */
  }
  

  .nav-link.active {
    border-bottom: 0.125rem solid var(--secondcolor) !important; 

    /* border-bottom: 0.125rem solid var(--barva10) !important;  */
    /* Další stylizace pro označenou položku menu */
  }
  .navbar-nav .nav-link.active{
    color: var(--barva10);
  }

  .dark .nav-link.active {

    border-bottom: 0.125rem solid #ffa764ff !important; 
    /* Další stylizace pro označenou položku menu */
  }
  .content {
    height: 2000px; 
  }

.margintop66 {margin-top: 66px;}

.mbot3{margin-bottom:3px;}

@media (max-width: 991px) {

  .nav-link.active {
    border-bottom: 0.125rem solid var(--secondcolor) !important; 

    /* border-bottom: 0.125rem solid #00000000 !important;  */
    /* Další stylizace pro označenou položku menu */
  }
  

  .dark .nav-link.active {

    border-bottom: 0.125rem solid #ffffff00 !important; 
    /* Další stylizace pro označenou položku menu */
  }


  .navbar-nav .nav-link:before {
    display: none; /* Skryjte animované podtržení na menších obrazovkách */
  }

  .navbar-nav .nav-link.nohover:before {
    display: none; /* Skryjte animované podtržení pro .nohover taktéž */
  }
}

.designedby{
color:rgb(136, 136, 136);
font-size:0.69rem;

}

.fgrey{
color:rgb(148, 148, 148);
}
.pad3{padding:3px;}
.pad6{padding:0.375rem;}
.pad9{padding:0.5625rem;}

.pad12{padding:0.75rem;}
.text-justify{text-align: justify !important;}
  @media (max-width: 991px) {

   .dark.navbar, .navbar .dark { 
      /* background-color: #000000; */
      background-color: rgba(12, 34, 53, 0.801) !important;
      -webkit-backdrop-filter: blur(9px);
      backdrop-filter: blur(9px);
      box-shadow: -2px 0.125rem 4px -2px rgba(0, 0, 0, 0.25);

    }

    .navbar { 
      /* background-color: #ffffff; */
      /* box-shadow: -2px 0.125rem 4px -2px rgba(212, 212, 212, 0.25); */
      /* padding-bottom: 22px; */
      z-index:3;
      position: fixed;width:100%;top:0px;
      background-color: rgba(255, 255, 255, 0.801);
      -webkit-backdrop-filter: blur(9px);
      backdrop-filter: blur(9px);
      box-shadow: -2px 0.125rem 4px -2px rgba(0, 0, 0, 0.25);

    }



    .navbar-collapse {
      overflow-y: auto;
      max-height: 70vh;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none; 
    }


  .navbar-collapse::-webkit-scrollbar {
    display: none; /* Skryje svislý posuvník prohlížečů WebKit */
  }


    .navbar-nav .nav-link {
        text-shadow : none;
        text-align: center;  
        margin-bottom:0.43125rem !important;
     
          
    }

    .navbar-brand img {
        /* height: 39px;
        margin-top:31px; */
        height: 2.4rem;
        /* margin-top:0.9375rem; */
            
    }

    .navbar-nav{ 
        margin-top:4rem;
        margin-bottom:18px

    }

    /* header   { */
        /* min-height: 571px; */
        /* margin-top:-3px; */
        
      /* } */
/*     
    header h1  {
      position: absolute;
      top: 150px;
      
    } */
   

  }
textarea.myfarea::-moz-placeholder {color:rgb(112, 112, 112) !important;}

  .navbar-toggler {
    /* margin-top:17px; */
    margin-top:0.6rem;
    border: none;
    outline: none;
    background-color: transparent;
    padding-top: 0px; padding-left:0.3125rem; padding-right:0.3125rem;padding-bottom: 0.3125rem;
    width:3.125rem; height:55px;
  }
  
  .navbar-toggler .menu-line {
    width: 42px;
    height: 0.375rem; /*7px*/
    transition: transform 0.5s;
    margin-top:  0.5625rem;
    margin-bottom:  0.5625rem;
    border-radius:1.5625rem;
    /* border-radius:1.5625rem; */

  }
  .dark .navbar-toggler .black-line {
    /* background-color: #ffffff; */
    background-color: #ffa764ff;
  }
  .navbar-toggler .black-line {
    /* background-color: var(--barva10); */
    background-color: var(--secondcolor);
  }
  .in-grey-line{
    position: absolute !important;
    top:-4px;
    font-size:0.9375rem;
    /* background-color: pink !important; */
  }
  
  .dark .navbar-toggler .grey-line {
    color: rgb(255, 255, 255);

  
  }
  @media (max-width:991px){
    #logotyp {
  padding-top: .6rem;
}
  }

  .navbar-toggler .grey-line {
    /* color: #ccc; */
    color: var(--barva10);
    background-color: transparent;
    position: relative;

  }
  
  .navbar-toggler.opened .menu-line:nth-child(1) {
    transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
    width:56.57px;
    -webkit-transform: translateY(0.850rem) translateX(-0.5rem) rotate(45deg);
    -moz-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
    -ms-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
    -o-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
}
  
  .navbar-toggler.opened .menu-line:nth-child(2) {
    opacity: 0;
  }
  
  .navbar-toggler.opened .menu-line:nth-child(3) {
    transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    width:56.57px;
    -webkit-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    -moz-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    -ms-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    -o-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
}
  
  .navbar-toggler.opened .gray-line {
    margin-top:5.625rem; padding-bottom:3.75rem;background-color: #9BA7B9;
  }
  




  @media (min-width: 993px) {

  .cpad{padding-top:5.625rem; padding-bottom:3.75rem;}

  

  .headerbutton{

    /* bottom:0.9375rem !important; */
     width:100%;
    position: relative !important;
     height:3.75rem;
    display: flex;
    justify-content: center;
    margin-top:3rem;
  }
}
.uvodninadpisspace{
  padding:0.5rem; border-radius:1rem;-webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px); background-color:rgba(255, 255, 255, 0.71);
    -webkit-box-shadow: .1rem .1rem .3rem 0px rgba(184,184,184,1);
-moz-box-shadow: .1rem .1rem .3rem rgba(184,184,184,1);
box-shadow: .1rem .1rem .3rem 0px rgba(184,184,184,1);margin-top:16vh;
}

  @media (max-width: 992px) {
    .uvodninadpisspace{
      width:80%;
    min-width:270px !important;
    max-width:444px;
    /* background-color: pink !important; */
    margin-left:auto; margin-right: auto;
    margin-top:12vh;
    }

    .headerbutton{
margin-top:1.5rem;
      /* bottom:0px !important; */
       width:100%;
      position: relative !important;
       height:4.8125rem;
      display: flex;
      justify-content: center;
    }

    .cpad{padding-top:7.5rem; padding-bottom:2.625rem;}
    #logotyp{display: block !important;}


  }


  hr {
    border: 0.03125rem solid #bbbbbb;
  }

  h1.dark{color:white !important;}

.mb33{margin-bottom: 2.0625rem;}

.cernylink{
  color: black !important;
  text-decoration: none !important;
}




footer{
  /* background-color:rgb(0, 0, 0) !important; */
  /* background-color: var(--miancolor); */
  /* background-color: var(--secondcolor); */
/* color: #000; */
/* height: 100%; */
min-height: 13.875rem;
left: 0px;

/* šedivá */
/* background: #9BA7B9; */

}

.btn-primary {
 border-color:var(--miancolor);background-color:var(--miancolor);color:white;
}

.btn-primary:active{
   border-color:var(--miancolor) !important;background-color:var(--miancolor) !important;color:white !important;

}
.btn-primary:hover{
  border-color:#a10101;background-color:#a10101;color:white;
}


.btn-outline-primary{  background-color:transparent !important;border-color:var(--miancolor) !important; color:var(--miancolor) !important;}
.btn-outline-primary:hover{border-color:var(--miancolor) !important;background-color:var(--miancolor) !important;color:white !important;}

.section-maincolor{background-color:var(--miancolor);}
.backmain{
  background: var(--miancolor) !important;
  background-color:var(--miancolor) !important;}

.textmaincolor{color:var(--miancolor) !important;}

.bgrey{
  background-color: rgba(0, 0, 0, 0.966);


}
.bgrey2{ background: rgb(161,161,161);
  background: linear-gradient(180deg, rgba(161,161,161,1) 0%, rgba(0,0,0,0.96) 0%, rgba(0,0,0,1) 100%); }
.bblack{
  background-color: rgba(0, 0, 0, 1);


}

.bwhite{
  background-color:white;


}
.filtr3 {
  /* background: rgb(0, 0, 0); */ 
  background: rgb(255, 255, 255);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%);  */
  background: linear-gradient(180deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255, .36) 100%);


  position:absolute;
height:100%;width:100%;
z-index:0;
}

.filtr3_3 {
  /* background: rgb(0, 0, 0); */ 
  background: rgb(255, 255, 255);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%);  */
  background: linear-gradient(180deg, rgba(255, 255, 255,.96) 0%, rgba(255, 255, 255, .69) 50%, rgba(255, 255, 255, .3) 100% );


  position:absolute;
height:100%;width:100%;
z-index:0;
}
.filtr3white {
  /* background: rgb(0, 0, 0); */ 
  background: rgb(255, 255, 255);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%);  */
  background: linear-gradient(180deg, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255, .9) 100%);  


  position:absolute;
height:100%;width:100%;
z-index:0;
min-height:100%;
}



.bblue{background-color: var(--miancolor) !important;}

.filtr3blue {
  background: linear-gradient(
    180deg,
    rgba(12, 34, 53, 1) 0%,
    rgba(12, 34, 53, 0.6) 40%,
    rgba(12, 34, 53, 0) 100%
  );

  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}

.filtr3blue2white {
  background: linear-gradient(
    180deg,
    rgba(12, 34, 53, 1) 0%,
    rgba(12, 34, 53, 0.81) 30%,
    rgba(255, 255, 255, 0.81) 100%
  );

  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.filtr4 {
  /* background: rgb(0, 0, 0); */ 
  background: rgb(255, 255, 255);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%);  */
  background: linear-gradient(180deg, rgba(255, 255, 255,0.6) 0%, rgba(255, 255, 255, 0) 100%);  


  position:absolute;
height:100%;width:100%;
z-index:0;
}
.filtr5 {
  /* background: rgb(0, 0, 0); */ 
  background: rgb(255, 255, 255);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%);  */
  background: linear-gradient(180deg, rgba(255, 255, 255,0.6) 0%, rgba(255, 255, 255, 0) 42%);  


  position:absolute;
height:100%;width:100%;
z-index:0;
}
.filtr6 {
  /* background: rgb(0, 0, 0); */ 
  background: rgb(255, 255, 255);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%);  */
  background: linear-gradient(180deg, rgba(255, 255, 255,0.42) 0%, rgba(255, 255, 255, 0) 42%);  


  position:absolute;
height:100%;width:100%;
z-index:0;
}

.dark .filtr3 {
  /* background: rgb(0, 0, 0); */ 
  background: rgb(0,0,0);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%);  */
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0) 100%);  


  position:absolute;
height:100%;width:100%;
z-index:0;
}

.filtr1 {background-color:rgba(0, 0, 0, 1) !important; }
.inpicmaxrow{max-width:721px;width: 80%;margin:0 auto;}
.inpicpad {padding-top: 100px !important;padding-bottom:100px;  position: relative; }

.pic {
  background: url("../img/pic.webp") fixed no-repeat;
  /* background-repeat: no-repeat; */
  background-size: cover;
  padding:0px !important;

  /* Další vlastnosti pozadí, pokud fje potřebujete */
}
.pic2 {
  background: url('../img/header1.webp') fixed no-repeat;
  /* background-repeat: no-repeat; */
  background-size: cover;
  padding:0px !important;
  background-position-y:center;
  background-position-x: center;  
}

.pic3 {
  background: url('../img/header2.webp') fixed no-repeat;
  /* background-repeat: no-repeat; */
  background-size: cover;
  padding:0px !important;
  background-position-y:100%;
  background-position-x: center;
  /* Další vlastnosti pozadí, pokud fje potřebujete */
}


.cenikbox{
  border:1px solid black; border-radius:0.9375rem;padding:21px;

}

.dark{color: white;}



.pink {background-color: pink;}

.border-top {border-top: 0.0625rem solid #9BA7B9;}
.img-left{text-align: left;}
.img-right{text-align: right;}
.margintop32 {margin-top: 2rem;}
.margintop21 {margin-top: 1.3125rem;}

.margintop15 {margin-top: 0.9375rem;}


@media (max-width: 766px) {

}






  @media (max-width: 576px) {



   
    
    

  }
  
 
/* FOrmular */
    /*formulář*/
    @media (max-width: 991px) {
      input.myf, input:focus {
        font-size: 0.75rem; 
        padding-bottom:2px !important;

      }
      textarea.myfarea{
        font-size: 0.75rem; 
        padding-bottom:0px !important;
        /* height:24px !important; */
      }
      /* textarea.myfarea::placeholder { */
        /* transform: translateY(1260px); */
        /*background-color:pink;
         */      
        /* -webkit-transform: translateY(1260px);
        -moz-transform: translateY(1260px);
        -ms-transform: translateY(1260px);
        -o-transform: translateY(1260px); */
/* } */
    }
    /* textarea.myfarea::placeholder { */
      /* transform: translateY(2.875);
      -webkit-transform: translateY(2.875);
      -moz-transform: translateY(2.875);
      -ms-transform: translateY(2.875);
      -o-transform: translateY(2.875); */
      /* color:#a3a3a3; */
/* } */

textarea.myfarea::-moz-placeholder {color:rgb(112, 112, 112) !important;}

input.myf::placeholder, textarea.myfarea::placeholder {color: rgb(112, 112, 112); }

    textarea.myfarea {
      height:9rem;
      color:black;
      display: flex;
      width: 100%;
      /*height:4.8125rem;
      flex-direction: column;
      /*justify-content: flex-end;
      */
      padding-bottom:0.3125rem;
      margin-bottom: 0.75rem;
      /* background:white !important; */
      background-color: rgba(255, 255, 255, 0.93);
      border: 0.125rem solid #d6d6d6 !important;
      /*border: 0.125rem solid #A0A0A0 !important;
      *//*border-top: none !important;
      border-right: none !important;
      border-left: none !important;
      */
      font-size: 1rem;
      resize:none;
      padding-left: 0.75rem;
      padding-bottom:0.5rem;
      padding-top:0.5rem;
      border-radius:0.6rem;
      -webkit-border-radius:0.6rem;
      -moz-border-radius:0.6rem;
      -ms-border-radius:0.6rem;
      -o-border-radius:0.6rem;
}
    
    /* input, textarea{ */
      /* caret-color: #C0C0C0; */
    
    /* } */
    /* input:focus, textarea:focus { */
      /* outline: none; */
      /* box-shadow: none; */
      /* border-top:none !important; border-right:none !important; border-left:none !important; */

    /* } */
    input.myf, select.myf {
      font-size: 1rem;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      color:black;
      border-radius:0.6rem !important;
      /*background-color: transparent;
      */background-color: rgba(255, 255, 255, 0.93);
      border: 0.125rem solid #d6d6d6 !important;
      /*border-top:none !important;
      border-right:none !important;
      border-left:none !important;
      */padding-bottom:0.6rem !important;
      padding-top:0.6rem;
      /* outline: none; */
      /* box-shadow: none; */
      width:100%;
      margin-bottom:24px;
      -webkit-border-radius:0.6rem !important;
      -moz-border-radius:0.6rem !important;
      -ms-border-radius:0.6rem !important;
      -o-border-radius:0.6rem !important;
}

textarea:focus{
  background-color: white !important;opacity: 1 !important;}


    input.myf, textarea,textarea.myfarea, select.myf{
    box-shadow:0.1rem 0.1rem 0.6rem rgba(0, 0, 0, 0.25);
    border:.15rem solid var(--secondcolor) !important;
  }

  select.myf{

  }


  input:focus,
textarea:focus,
select:focus {
  outline: none;
  box-shadow: none;
}

    
    .myfmsg{
      margin-top:4.125rem;
    }
    
    button.bblink, button.bblink:focus {
    color:black;

    /* Label */
    font-size: 4.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 118%; /*.88px*/
    /* line-height:20px; */
    border:none !important;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding:0px;
    margin-left:0px;
    }

    input[type="checkbox"] {
    display: inline;
    text-align: left;
    vertical-align: middle;
    /*Zarovnánícheckboxustextem*/height:1rem;
    border-radius: 25%;
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    -ms-border-radius: 25%;
    -o-border-radius: 25%;
}

    .odeslat-row{
      margin-top:1.1875rem;

    }
    .inchbox{
      padding-right:0.3125rem;
    }


/* The container */
.checkbox-label  {
  display: block;
  position: relative;
  padding-left: 1.5625rem;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0.3125rem;
  left: 0;
  height: 1rem;
  width: 1rem;
  background-color: #eee;
  border: 0.0625rem solid transparent;
}

/* On mouse-over, add a grey background color */
.checkbox-label:hover input ~ .checkmark {
  background-color: #C0C0C0;
}

/* When the checkbox is checked, add a blue background */
.checkbox-label input:checked ~ .checkmark {
  background-color: #A0A0A0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-label .checkmark:after {
  left: 0.3125rem;
  top: 0.125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid white;
  border-width: 0 0.1875rem 0.1875rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*formulář sekce*/
.error-field::placeholder ,  input.error-field{
  color: red !important;
}

.checkmark.error-field{
  border-color:red;
} 
.error-message {
  color: red;
  margin-top: 0.625rem;
}

.myButton {
	box-shadow:inset 0px 0.0625rem 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:0.375rem;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:0.9375rem;
	font-weight:bold;
	padding:0.375rem 24px;
	text-decoration:none;
	text-shadow:0px 0.0625rem 0px #ffffff;
}
.myButton:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.myButton:active {
	position:relative;
	top:1px;
}

        
#topButton {
  font-size:1.5625rem;
  font-weight:bolder;
  display: none;
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.573); 
  border-color:rgba(255, 255, 255, 0.141);
color:rgb(0, 0, 0);
border-radius: 50% !important;
z-index: 2097;
width:3.125rem;
height:2.8125rem;

}
#topButton:hover {
background-color: rgba(219, 219, 219, 0.709); 
  border-color:rgba(0, 0, 0, 0.3);
}

@media (max-width: 400px)  {

  .h1logoimg{
    width:80% !important;
    /* max-width:111px !important; */
  }

}

@media (min-width: 993px)  {

  .logoinh1{
    top: 6.9375rem !important;
    margin-top:6rem;
  }

  .h1logoimg{
    width:18.75rem;
    /* max-width:111px !important; */
  }
}
  @media (max-width: 992px)  {
    .logoinh1{
    top:0px;
  }
  .h1logoimg{
    width:20.625rem;
    /* max-width:300px !important; */

  }

  .mpadlr6{padding-left:0.375rem;padding-right:0.375rem;}

  }

  .kspace{text-align:left;
    margin:0 auto;
    width:264px; 
    position:relative;
   }
   .kspace .radka{display: flex; 
   /* background-color:psnk; */
   }
   .vl{margin-left:0.375rem;}

    /* tlačítko */


    .dark .mbtn{
      margin:0 auto;
      font-family: ubuntu, sans-serif;
      font-weight: 0;
      font-size: 0.875rem;
      color: #000000;
      background-color: #ffffff;
      /* background-color: #0066CC; */
    
      padding: 0.625rem 30px;
      border: 0.125rem solid #000000;
      /* border: 0.125rem solid #0066cc; */
    
      box-shadow: rgba(0, 0, 0, 0.2) 0px 1.25rem 30px;
      border-radius: 3.125rem;
      transition : 1000ms;
      transform: translateY(0);
      display: flex;
      flex-direction: row;
      align-items: center;
      cursor: pointer;
      }
      
      .dark .mbtn:hover{
      
      transition : 1000ms;
      padding: 0.625rem 3.125rem;
      transform : translateY(-0px);
      /* background-color: #fff; */
      background-color: transparent;
      color: rgb(255, 255, 255);
      border: solid 0.125rem #ffffff;
      }


.mbtn{
  margin:0 auto;
  font-family: ubuntu, sans-serif;
  font-weight: 0;
  font-size: 0.875rem;
  color: #fff;
  background-color: #585858;
  /* background-color: #0066CC; */

  padding: 0.625rem 30px;
  border: 0.125rem solid #585858;
  /* border: 0.125rem solid #0066cc; */

  box-shadow: rgba(0, 0, 0, 0.2) 0px 1.25rem 30px;
  border-radius: 3.125rem;
  transition : 1000ms;
  transform: translateY(0);
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  }
  
  .mbtn:hover{
  
  transition : 1000ms;
  padding: 0.625rem 3.125rem;
  transform : translateY(-0px);
  /* background-color: #fff; */
  background-color: transparent;
  color: rgb(30, 30, 30);
  border: solid 0.125rem #585858;
  }

  .mbtn3{
    margin:0 auto;
    /* font-family: ubuntu, sans-serif; */
    font-weight:900;
    font-size: 1.2rem;
    color: #fff;
    background-color: var(--miancolor);
    /* background-color: #0066CC; */
  
    padding: 0.625rem 30px;
    border: 0.125rem solid var(--miancolor);
    /* border: 0.125rem solid #0066cc; */
  
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1.25rem 30px;
    border-radius: 3.125rem;
    transition : 1000ms;
    transform: translateY(0);
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    }
    
    .mbtn3:hover{
    
    transition : 1000ms;
    padding: 0.625rem 3.125rem;
    transform : translateY(-0px);
    /* background-color: #fff; */
    background-color: transparent;
    color: var(--miancolor);
    border: solid 0.125rem var(--miancolor);
    }

    .hbw.mbtn3:hover{
    
    transition : 1000ms;
    padding: 0.625rem 3.125rem;
    transform : translateY(-0px);
    background-color: #ffffffa1;
        -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    /* background-color: transparent; */
    color: var(--miancolor);
    border: solid 0.125rem var(--miancolor);

    }



  .dark .mbtn3{
    margin:0 auto;
    /* font-family: ubuntu, sans-serif; */
    font-weight:900;
    font-size: 2.1rem;
    color:var(--miancolor);
    background-color:  #fff;
    /* background-color: #0066CC; */
  
    padding: 0.625rem 30px;
    border: 0.125rem solid  #fff;
    /* border: 0.125rem solid #0066cc; */
  
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1.25rem 30px;
    border-radius: 3.125rem;
    transition : 1000ms;
    transform: translateY(0);
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    }
    
    .dark .mbtn3:hover{
    
    transition : 1000ms;
    padding: 0.625rem 3.125rem;
    transform : translateY(-0px);
    /* background-color: #fff; */
    background-color: transparent;
    color:  #fff;
    border: solid 0.125rem  #fff;
    }




  .mbtn2{
    margin:0 auto;
    /* font-family: ubuntu, sans-serif; */
    font-weight:900;
    font-size: 2.1rem;
    color: #fff;
    background-color: var(--barva9);
    /* background-color: #0066CC; */
  
    padding: 0.625rem 30px;
    border: 0.125rem solid var(--barva9);
    /* border: 0.125rem solid #0066cc; */
  
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1.25rem 30px;
    border-radius: 3.125rem;
    transition : 1000ms;
    transform: translateY(0);
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    }
    
    .mbtn2:hover{
    
    transition : 1000ms;
    padding: 0.625rem 3.125rem;
    transform : translateY(-0px);
    /* background-color: #fff; */
    background-color: transparent;
    color: var(--barva9);
    border: solid 0.125rem var(--barva9);
    }

 .hspace {
   padding-top:1rem;
    position: absolute;
    width: 100%;
    /* height: 100vh; */
    /* top: 12rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; /* toto zajistí, že prvky budou pod sebou */
    }
    @media (min-width:991px){
    .hspace {
      height: var(--vyska2) !important;


    }
    }
    #slide1 {
    display: flex;
    justify-content: center;
    align-items: center;
    }
    
    .hspace .hel {
    width: fit-content; /* toto zajistí, že prvky budou mít šířku podle obsahu 
    margin: auto; / toto zajistí, že prvky budou zarovnané na střed */
    }
    
    
    @media (max-width: 992px){
      .hspace{
        position: relative;
          height:100%;
        display:block;
        width: 100%;
        top:0px;
        margin-top:88px;
        padding-top:4.125rem;
/*         min-height: 40rem; */
        /* padding-top:99px; */
    
        padding-bottom:3.75rem;
      }
      .hspace .hel {margin:9px auto 9px auto;}
    
    }
    .fwtc{
      width:100%;text-align:center;
    }
    .boxf{
      background-color: rgb(255 255 255 / 0.360);
      backdrop-filter: blur(0.625rem);
      /* margin-top:0.75rem; */
      border-radius:0.75rem;
      padding-left:0.75rem;padding-right:0.75rem; padding-bottom:0.75rem;padding-top:24px;
      margin-left:auto; margin-right:auto; width:72%; min-width:291px;
    
    
    }


    
    .dtext-shadow-light{
      text-shadow: 0.1rem 0.1rem 0.3rem rgb(255, 255, 255);

    } 
    .dtext-shadow{
      text-shadow: 0.1875rem 0.1875rem 0.375rem black;

    } 

    .fheight{height:100%;}

    blockquote.blockquote {
      /* border-left: 0.3125rem solid #007BFF; Barva levého okraje */
      margin: 1.25rem 0; /* Odsazení citace od okolního obsahu */
      background-color: #00000076; /* Barva pozadí citace */
      font-size: 1.125rem; /* Velikost textu v citaci */
      line-height: 1.5; /* Řádkování textu v citaci */
      border-radius:0.75rem;
      height:100%;
      position:relative;
      padding-bottom:2.625rem;
      padding-left: 0.9375rem;padding-right:0.9375rem; padding-top:0.9375rem;
    }
    
    blockquote.blockquote p {
      margin: 0; /* Odstranit výchozí odsazení odstavce v citaci */
    }
    
    blockquote.blockquote cite {
      display: block; /* Jméno autora pod textem citace */
      margin-top: 0.625rem; /* Odsazení jména autora od textu citace */
      font-style: italic; /* Zvýraznění jména autora kurzívou */
      position:absolute;
      bottom:0.625rem;
      width:100%;
      left:0;

      /* background-color:pink; */
    }
    
.card-img-top.cover{object-fit: cover;}


    /* Kontakty */
    .contact-info {
      margin-bottom: 1rem;
      padding: 0;
      width: 13rem; 
            min-width: 13.5rem; 
            margin-left:auto;
            margin-right:auto
    }
.dark .contact-info, .dark .contact-info li, .dark .contact-info p,.dark .contact-info li a, .dark .cernylink, .dark i{

  color:white !important;
}

.stretched-link, .text-primary {color: var(--miancolor) !important;}
    a {color: var(--miancolor);}
      
            
    .contact-info li {
    
      list-style: none !important;
      margin: 0  0 1.25rem 0;
      position: relative;
      /* padding-left: 2.8125rem; */
      padding-left:2rem;
      color: #000;
    }
    .contact-info li i {
    
      position: absolute;
      top: 0.3em;
      left: 0.0625rem;
      font-size: 1.125rem;
      color: rgba(0, 0, 0, 0.7);
        list-style: none !important;
    
    
    }
    .contact-info li a {
      
      color: #000;
      text-decoration:none;
    }
    .contact-info  li i {
      top:0rem;
    
    }
    
    
    .team-member {
            margin: 0 auto;
            max-width: 20.8125rem; /* 333px converted to rem */
        }
    
    
        .item-hide{display: none;}
        .item-2-hide{display: block;}
    
        .show-more-info{
            font-size:0.9rem;
       
        }
        .smic{margin-bottom: 1rem;}


p, .textcol{color:black;}
.dark .textcol, .dark p {color:white;}


.invert-colors {
  filter: invert(1);
}

.subheader3{

  color:#5c5c5c;
}

.dark .subheader3{

  color:#ededed !important;
}

.dark .text-muted{
color:#dddddd !important;

}

.btext{color:black;}
.dark .btext{color:white;}

.maincontent{
  min-height: calc(100vh - 18rem);
  /* background-color: pink; */
}


.galfixitem2 {
  width: 100%;
  padding-top: 75%; /* Poměr 4:3 */
  background-size: cover;
  background-position: center;
  border-radius: 0.5rem;
  transition: transform 0.3s ease;
}

.galrow{
margin-left:-2rem;
}


.galfixitem {
  width: 100%;
  height: 16rem;
  object-fit: cover;
  display: block;
  border-radius: 4px;
  transition: transform 0.2s;
}


.galfixitem:hover {
  transform: scale(1.02);
}
.uppercase-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .galfixitem {
    height: 180px;
  }
}


.galfixitem2:hover {
  transform: scale(1.03);
}


.galfixitem.imgfwidth{width: 100% !important;}



.col-xdn-12.web{
  display: none;
}

@media  (min-width:992px) {
  



ul.dropdown-menu.show
 {
    margin-top: .45rem;
    /* background-color:#0c2235ff ; */
    background-color: white;
    /* -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    transition: background-color 0.3s; */

    border:var(--secondcolor) .03rem solid;
    /*box-shadow:0px 0px .6rem rgb(224, 224, 224);
    */border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.dropdown-menu .dropdown-item{
  color:black;
}
.dropdown-menu .dropdown-item:hover , .dropdown-item.active{
  background-color: var(--secondcolor) !important; /* nebo jiná tebou definovaná barva */
  color: white !important; /* volitelně, pro kontrast */
}



}
.dropdown-menu .dropdown-item:hover , .dropdown-item.active{
  background-color: var(--secondcolor) !important; /* nebo jiná tebou definovaná barva */
  color: white !important; /* volitelně, pro kontrast */
}

@media screen and (max-width:991px) {
  ul.dropdown-menu.show {
    text-align: center;
}


}


/*faq*/
/* FAQ specifické styly navázané na --maincolor */
.faq-section {
  --faq-bg: #f8f9fa; /* Pozadí sekce */

}

.faq-custom .accordion-item {
  border: none;
  margin-bottom: 1rem;
  border-radius: 8px !important;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.faq-custom .accordion-button {
  font-weight: 600;
  color: #333;
  padding: 1.25rem;
}

/* Styl pro aktivní (otevřenou) otázku */
.faq-custom .accordion-button:not(.collapsed) {
  background-color: #80000011; /* Jemné pozadí při otevření */
  color: var(--maincolor);
  box-shadow: none;
}

/* Barva ikony šipky - využívá maincolor */
.faq-custom .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.faq-custom .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23" + var(--maincolor) + "'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  /* Poznámka: Pokud barva šipky zlobí, nejjednodušší je přebít ji filtrem: */
  filter: hue-rotate(180deg) brightness(0.5);
}

.faq-custom .accordion-button:focus {
  border-color: var(--maincolor);
  box-shadow: 0 0 0 0.25rem rgba(var(--maincolor-rgb, 0, 123, 255), 0.15);
}

.faq-custom .accordion-body {
  color: #555;
  line-height: 1.6;
  background-color: #fff;
  padding: 1.25rem;
}

/* čísla */
/* Úprava procesních kroků na střed s čísly v kruhu */
.process-step {
  border-left: none; /* Odstranění původní boční lišty */
  padding-left: 0;
  margin-bottom: 2rem;
  text-align: center; /* Zarovnání textu na střed */
}

.process-circle {
  width: 50px;
  height: 50px;
  background-color: var(--miancolor) !important; /* Použije vaši definovanou barvu */
  color: #ffffff; /* Bílá barva čísla */
  border-radius: 50%; /* Vytvoří kruh */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0 auto 1.5rem auto; /* Vycentrování kruhu a mezera pod ním */
  box-shadow: 0 4px 10px rgba(128, 0, 0, 0.2); /* Jemný stín v barvě maincolor */
}

.process-step h4 {
  margin-bottom: 1rem;
  color: #333;
}