.elementor-20 .elementor-element.elementor-element-a509965{--display:flex;--padding-top:50px;--padding-bottom:00px;--padding-left:50px;--padding-right:50px;}.elementor-20 .elementor-element.elementor-element-cd434dc{text-align:center;font-family:var( --e-global-typography-f6c3343-font-family ), Sans-serif;font-size:var( --e-global-typography-f6c3343-font-size );font-weight:var( --e-global-typography-f6c3343-font-weight );text-transform:var( --e-global-typography-f6c3343-text-transform );line-height:var( --e-global-typography-f6c3343-line-height );letter-spacing:var( --e-global-typography-f6c3343-letter-spacing );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-4d57838{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:75px 75px;--row-gap:75px;--column-gap:75px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-b5a1ada{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-7718aa9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-7718aa9.e-con:hover{--e-con-transform-scale:1.03;}.elementor-20 .elementor-element.elementor-element-9db4b98{--e-transform-rotateZ:-1deg;top:0px;z-index:1;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-9db4b98{left:0px;}body.rtl .elementor-20 .elementor-element.elementor-element-9db4b98{right:0px;}.elementor-20 .elementor-element.elementor-element-c34b67a{--e-transform-rotateZ:5deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-20 .elementor-element.elementor-element-575e619{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;--z-index:1;}.elementor-20 .elementor-element.elementor-element-575e619:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-575e619 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-575e619.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-3240f82{text-align:center;}.elementor-20 .elementor-element.elementor-element-3240f82 .elementor-heading-title{font-family:var( --e-global-typography-3cced51-font-family ), Sans-serif;font-size:var( --e-global-typography-3cced51-font-size );font-weight:var( --e-global-typography-3cced51-font-weight );text-transform:var( --e-global-typography-3cced51-text-transform );line-height:var( --e-global-typography-3cced51-line-height );letter-spacing:var( --e-global-typography-3cced51-letter-spacing );}.elementor-20 .elementor-element.elementor-element-701824c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-3db8273{width:100%;max-width:100%;text-align:center;}.elementor-20 .elementor-element.elementor-element-01178ca{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-aa28b71{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-aa28b71.e-con:hover{--e-con-transform-scale:1.03;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-a3fed20{left:0px;}body.rtl .elementor-20 .elementor-element.elementor-element-a3fed20{right:0px;}.elementor-20 .elementor-element.elementor-element-a3fed20{top:0px;z-index:1;}.elementor-20 .elementor-element.elementor-element-a3fed20 img{height:311px;}.elementor-20 .elementor-element.elementor-element-06b4c81{--e-transform-rotateZ:5deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-20 .elementor-element.elementor-element-e825051{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;--z-index:1;}.elementor-20 .elementor-element.elementor-element-e825051:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-e825051 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-e825051.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-7773912{text-align:center;}.elementor-20 .elementor-element.elementor-element-7773912 .elementor-heading-title{font-family:var( --e-global-typography-3cced51-font-family ), Sans-serif;font-size:var( --e-global-typography-3cced51-font-size );font-weight:var( --e-global-typography-3cced51-font-weight );text-transform:var( --e-global-typography-3cced51-text-transform );line-height:var( --e-global-typography-3cced51-line-height );letter-spacing:var( --e-global-typography-3cced51-letter-spacing );}.elementor-20 .elementor-element.elementor-element-9e8497d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-c838008{width:100%;max-width:100%;text-align:center;}.elementor-20 .elementor-element.elementor-element-97c27af{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5d3b712{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5d3b712.e-con:hover{--e-con-transform-scale:1.03;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-5d84814{left:0px;}body.rtl .elementor-20 .elementor-element.elementor-element-5d84814{right:0px;}.elementor-20 .elementor-element.elementor-element-5d84814{top:0px;z-index:1;}.elementor-20 .elementor-element.elementor-element-5d84814 img{height:311px;}.elementor-20 .elementor-element.elementor-element-4376d67{--e-transform-rotateZ:5deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-20 .elementor-element.elementor-element-ca1cab2{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;--z-index:1;}.elementor-20 .elementor-element.elementor-element-ca1cab2:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-ca1cab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-ca1cab2.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-89c1cff{text-align:center;}.elementor-20 .elementor-element.elementor-element-89c1cff .elementor-heading-title{font-family:var( --e-global-typography-3cced51-font-family ), Sans-serif;font-size:var( --e-global-typography-3cced51-font-size );font-weight:var( --e-global-typography-3cced51-font-weight );text-transform:var( --e-global-typography-3cced51-text-transform );line-height:var( --e-global-typography-3cced51-line-height );letter-spacing:var( --e-global-typography-3cced51-letter-spacing );}.elementor-20 .elementor-element.elementor-element-9dbc6a6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5632587{width:100%;max-width:100%;text-align:center;}.elementor-20 .elementor-element.elementor-element-17d194d{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-cbf39b4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-cbf39b4.e-con:hover{--e-con-transform-scale:1.03;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-1ebf3eb{left:0px;}body.rtl .elementor-20 .elementor-element.elementor-element-1ebf3eb{right:0px;}.elementor-20 .elementor-element.elementor-element-1ebf3eb{top:0px;z-index:1;}.elementor-20 .elementor-element.elementor-element-1ebf3eb img{height:311px;}.elementor-20 .elementor-element.elementor-element-ef6ad74{--e-transform-rotateZ:5deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-20 .elementor-element.elementor-element-a03b47a{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;--z-index:1;}.elementor-20 .elementor-element.elementor-element-a03b47a:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-a03b47a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-a03b47a.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-ee4ae60{text-align:center;}.elementor-20 .elementor-element.elementor-element-ee4ae60 .elementor-heading-title{font-family:var( --e-global-typography-3cced51-font-family ), Sans-serif;font-size:var( --e-global-typography-3cced51-font-size );font-weight:var( --e-global-typography-3cced51-font-weight );text-transform:var( --e-global-typography-3cced51-text-transform );line-height:var( --e-global-typography-3cced51-line-height );letter-spacing:var( --e-global-typography-3cced51-letter-spacing );}.elementor-20 .elementor-element.elementor-element-12d7324{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-6d9c537{width:100%;max-width:100%;text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-cd434dc{font-size:var( --e-global-typography-f6c3343-font-size );line-height:var( --e-global-typography-f6c3343-line-height );letter-spacing:var( --e-global-typography-f6c3343-letter-spacing );}.elementor-20 .elementor-element.elementor-element-3240f82 .elementor-heading-title{font-size:var( --e-global-typography-3cced51-font-size );line-height:var( --e-global-typography-3cced51-line-height );letter-spacing:var( --e-global-typography-3cced51-letter-spacing );}.elementor-20 .elementor-element.elementor-element-a3fed20 img{height:100%;}.elementor-20 .elementor-element.elementor-element-7773912 .elementor-heading-title{font-size:var( --e-global-typography-3cced51-font-size );line-height:var( --e-global-typography-3cced51-line-height );letter-spacing:var( --e-global-typography-3cced51-letter-spacing );}.elementor-20 .elementor-element.elementor-element-5d84814 img{height:100%;}.elementor-20 .elementor-element.elementor-element-89c1cff .elementor-heading-title{font-size:var( --e-global-typography-3cced51-font-size );line-height:var( --e-global-typography-3cced51-line-height );letter-spacing:var( --e-global-typography-3cced51-letter-spacing );}.elementor-20 .elementor-element.elementor-element-1ebf3eb img{height:100%;}.elementor-20 .elementor-element.elementor-element-ee4ae60 .elementor-heading-title{font-size:var( --e-global-typography-3cced51-font-size );line-height:var( --e-global-typography-3cced51-line-height );letter-spacing:var( --e-global-typography-3cced51-letter-spacing );}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-a509965{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-cd434dc{font-size:var( --e-global-typography-f6c3343-font-size );line-height:var( --e-global-typography-f6c3343-line-height );letter-spacing:var( --e-global-typography-f6c3343-letter-spacing );}.elementor-20 .elementor-element.elementor-element-4d57838{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-3240f82 .elementor-heading-title{font-size:var( --e-global-typography-3cced51-font-size );line-height:var( --e-global-typography-3cced51-line-height );letter-spacing:var( --e-global-typography-3cced51-letter-spacing );}.elementor-20 .elementor-element.elementor-element-7773912 .elementor-heading-title{font-size:var( --e-global-typography-3cced51-font-size );line-height:var( --e-global-typography-3cced51-line-height );letter-spacing:var( --e-global-typography-3cced51-letter-spacing );}.elementor-20 .elementor-element.elementor-element-89c1cff .elementor-heading-title{font-size:var( --e-global-typography-3cced51-font-size );line-height:var( --e-global-typography-3cced51-line-height );letter-spacing:var( --e-global-typography-3cced51-letter-spacing );}.elementor-20 .elementor-element.elementor-element-ee4ae60 .elementor-heading-title{font-size:var( --e-global-typography-3cced51-font-size );line-height:var( --e-global-typography-3cced51-line-height );letter-spacing:var( --e-global-typography-3cced51-letter-spacing );}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-b5a1ada{--width:45%;}.elementor-20 .elementor-element.elementor-element-7718aa9{--width:100%;}.elementor-20 .elementor-element.elementor-element-575e619{--width:250px;}.elementor-20 .elementor-element.elementor-element-01178ca{--width:45%;}.elementor-20 .elementor-element.elementor-element-aa28b71{--width:100%;}.elementor-20 .elementor-element.elementor-element-e825051{--width:250px;}.elementor-20 .elementor-element.elementor-element-97c27af{--width:45%;}.elementor-20 .elementor-element.elementor-element-5d3b712{--width:100%;}.elementor-20 .elementor-element.elementor-element-ca1cab2{--width:250px;}.elementor-20 .elementor-element.elementor-element-17d194d{--width:45%;}.elementor-20 .elementor-element.elementor-element-cbf39b4{--width:100%;}.elementor-20 .elementor-element.elementor-element-a03b47a{--width:250px;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-b5a1ada{--width:100%;}.elementor-20 .elementor-element.elementor-element-01178ca{--width:100%;}.elementor-20 .elementor-element.elementor-element-97c27af{--width:100%;}.elementor-20 .elementor-element.elementor-element-17d194d{--width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-cd434dc */.podtrzeni {
  display: inline-block;
  border-bottom: 8px solid currentColor;
  padding-bottom: 10px;
  line-height: 0.55;
  vertical-align: baseline;
}

@media (max-width: 1024px) {
  .podtrzeni {
    display: inline-block;
    border-bottom: 5px solid currentColor; /* Stupňovaná šířka */
    padding-bottom: 10px;
    line-height: 0.45;
    vertical-align: baseline;
  }
}

@media (max-width: 600px) {
  .podtrzeni {
    display: inline-block;
    border-bottom: 5px solid currentColor; /* Stupňovaná šířka */
    padding-bottom: 10px;
    line-height: 0.45;
    vertical-align: baseline;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-575e619 *//* 1. Kontejner musí mít relative, aby tvořil hranice pro tlacitko */
.kontejner {
    position: relative;
    /* overflow: hidden; – doporučeno, pokud tlacitko přesahuje */
}

/* 2. Stylování tlačítka a jeho vycentrování */
.tlacitko {
    position: absolute;
    top: 50%;
    left: 50%;
    /* Posune prvek o polovinu jeho šířky a výšky zpět, aby byl přesně na střed */
    transform: translate(-50%, -50%);
    
    /* Výchozí stav: neviditelné */
    opacity: 0;
    visibility: hidden; /* Zabrání kliknutí na neviditelné tlačítko */
    
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 10; /* Aby bylo nad barevným filtrem (pokud ho používáte) */
}

/* 3. Zobrazení tlačítka při hoveru na kontejner */
.kontejner:hover .tlacitko {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7718aa9 *//* 1. Definice pseudo-elementů - v základu jsou neviditelné (opacity: 0) */
.obrazek1:before,
.obrazek2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    mix-blend-mode: color;
    
    opacity: 0; /* Změna: Výchozí stav je průhledný */
    
    z-index: 1;
    pointer-events: none; 
    transition: opacity 0.4s ease;
}

/* Musíme zajistit, aby obrázky tvořily hranice pro absolutní pozici */
.obrazek1, .obrazek2 {
    position: relative;
    display: block; /* nebo inline-block */
}

/* 2. Při hoveru na kontejner se overlay ZOBRAZÍ */
.kontejner:hover .obrazek1:before,
.kontejner:hover .obrazek2:before {
    opacity: 1; /* Změna: Při hoveru se zviditelní */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a3fed20 */.elementor-20 .elementor-element.elementor-element-a3fed20 img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-06b4c81 */.elementor-20 .elementor-element.elementor-element-06b4c81 img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e825051 *//* 1. Kontejner musí mít relative, aby tvořil hranice pro tlacitko */
.kontejner {
    position: relative;
    /* overflow: hidden; – doporučeno, pokud tlacitko přesahuje */
}

/* 2. Stylování tlačítka a jeho vycentrování */
.tlacitko {
    position: absolute;
    top: 50%;
    left: 50%;
    /* Posune prvek o polovinu jeho šířky a výšky zpět, aby byl přesně na střed */
    transform: translate(-50%, -50%);
    
    /* Výchozí stav: neviditelné */
    opacity: 0;
    visibility: hidden; /* Zabrání kliknutí na neviditelné tlačítko */
    
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 10; /* Aby bylo nad barevným filtrem (pokud ho používáte) */
}

/* 3. Zobrazení tlačítka při hoveru na kontejner */
.kontejner:hover .tlacitko {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa28b71 *//* 1. Definice pseudo-elementů - v základu jsou neviditelné (opacity: 0) */
.obrazek1:before,
.obrazek2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    mix-blend-mode: color;
    
    opacity: 0; /* Změna: Výchozí stav je průhledný */
    
    z-index: 1;
    pointer-events: none; 
    transition: opacity 0.4s ease;
}

/* Musíme zajistit, aby obrázky tvořily hranice pro absolutní pozici */
.obrazek1, .obrazek2 {
    position: relative;
    display: block; /* nebo inline-block */
}

/* 2. Při hoveru na kontejner se overlay ZOBRAZÍ */
.kontejner:hover .obrazek1:before,
.kontejner:hover .obrazek2:before {
    opacity: 1; /* Změna: Při hoveru se zviditelní */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5d84814 */.elementor-20 .elementor-element.elementor-element-5d84814 img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4376d67 */.elementor-20 .elementor-element.elementor-element-4376d67 img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca1cab2 *//* 1. Kontejner musí mít relative, aby tvořil hranice pro tlacitko */
.kontejner {
    position: relative;
    /* overflow: hidden; – doporučeno, pokud tlacitko přesahuje */
}

/* 2. Stylování tlačítka a jeho vycentrování */
.tlacitko {
    position: absolute;
    top: 50%;
    left: 50%;
    /* Posune prvek o polovinu jeho šířky a výšky zpět, aby byl přesně na střed */
    transform: translate(-50%, -50%);
    
    /* Výchozí stav: neviditelné */
    opacity: 0;
    visibility: hidden; /* Zabrání kliknutí na neviditelné tlačítko */
    
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 10; /* Aby bylo nad barevným filtrem (pokud ho používáte) */
}

/* 3. Zobrazení tlačítka při hoveru na kontejner */
.kontejner:hover .tlacitko {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d3b712 *//* 1. Definice pseudo-elementů - v základu jsou neviditelné (opacity: 0) */
.obrazek1:before,
.obrazek2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    mix-blend-mode: color;
    
    opacity: 0; /* Změna: Výchozí stav je průhledný */
    
    z-index: 1;
    pointer-events: none; 
    transition: opacity 0.4s ease;
}

/* Musíme zajistit, aby obrázky tvořily hranice pro absolutní pozici */
.obrazek1, .obrazek2 {
    position: relative;
    display: block; /* nebo inline-block */
}

/* 2. Při hoveru na kontejner se overlay ZOBRAZÍ */
.kontejner:hover .obrazek1:before,
.kontejner:hover .obrazek2:before {
    opacity: 1; /* Změna: Při hoveru se zviditelní */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1ebf3eb */.elementor-20 .elementor-element.elementor-element-1ebf3eb img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ef6ad74 */.elementor-20 .elementor-element.elementor-element-ef6ad74 img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a03b47a *//* 1. Kontejner musí mít relative, aby tvořil hranice pro tlacitko */
.kontejner {
    position: relative;
    /* overflow: hidden; – doporučeno, pokud tlacitko přesahuje */
}

/* 2. Stylování tlačítka a jeho vycentrování */
.tlacitko {
    position: absolute;
    top: 50%;
    left: 50%;
    /* Posune prvek o polovinu jeho šířky a výšky zpět, aby byl přesně na střed */
    transform: translate(-50%, -50%);
    
    /* Výchozí stav: neviditelné */
    opacity: 0;
    visibility: hidden; /* Zabrání kliknutí na neviditelné tlačítko */
    
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 10; /* Aby bylo nad barevným filtrem (pokud ho používáte) */
}

/* 3. Zobrazení tlačítka při hoveru na kontejner */
.kontejner:hover .tlacitko {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf39b4 *//* 1. Definice pseudo-elementů - v základu jsou neviditelné (opacity: 0) */
.obrazek1:before,
.obrazek2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    mix-blend-mode: color;
    
    opacity: 0; /* Změna: Výchozí stav je průhledný */
    
    z-index: 1;
    pointer-events: none; 
    transition: opacity 0.4s ease;
}

/* Musíme zajistit, aby obrázky tvořily hranice pro absolutní pozici */
.obrazek1, .obrazek2 {
    position: relative;
    display: block; /* nebo inline-block */
}

/* 2. Při hoveru na kontejner se overlay ZOBRAZÍ */
.kontejner:hover .obrazek1:before,
.kontejner:hover .obrazek2:before {
    opacity: 1; /* Změna: Při hoveru se zviditelní */
}/* End custom CSS */