* {
  	margin: 0;
  	padding: 0;
  	box-sizing: border-box;
  	font-family: 'Poppins', sans-serif;
}

html{
  	/*scroll-snap-points-y: repeat(100vh);
 	scroll-snap-type: y mandatory;*/
	scroll-snap-type: both mandatory; /* Aktivuje snapování pro oba směry */
}

/* Pro všechny prohlížeče */
html, body {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

/* Skrytí posuvníků v prohlížečích Webkit (Chrome, Safari) */
body::-webkit-scrollbar {
    width: 0;
    height: 0;
	display: none;
}

/* Skrytí posuvníků ve Firefoxu */
body {
	padding-bottom: env(safe-area-inset-bottom); /* Pro dolní lištu */
    padding-top: env(safe-area-inset-top); /* Pro horní lištu */
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    scrollbar-width: none; /* Skryje posuvníky ve Firefoxu */
	-ms-overflow-style: none;  /* IE and Edge */
	overflow-x: hidden;
}


p {
	margin: 10px 0px;
    text-align: justify;
    font-size: clamp(0.25rem, 0.6vw + 0.6vh, 1rem);
    font-weight: 100;
	color: #333F61;
    overflow-wrap: break-word;
	width: fit-content;
}

h1 {
    text-transform: uppercase;
    font-size: clamp(2.5rem, 1vw + 1vh, 2.5rem);
    font-style: normal;
    font-weight: 800;
    color: #272E44;
	text-align: left;
}

h2 {
    font-size: clamp(1.25rem, 0.6vw + 0.6vh, 1.25rem);
    font-weight: 400;
    color: #272E44;
	text-align: left;
}

h3 {
	padding-top: 5px;
    font-size: clamp(0.5rem, 0.75vw + 0.75vh, 0.8rem);
    font-weight: 400;
    color: #333F61;
	text-align: left;
}

h4 {
	padding-top: 5px;
    font-weight: 300;
    font-size: clamp(0.5rem, 0.6vw + 0.6vh, 0.7rem);
    color: #333F61;
	text-align: left;
}

h5 {
	padding-top: 5px;
    font-size: clamp(0.5rem, 0.75vw + 0.75vh, 0.8rem);
    font-weight: 400;
    color: #333F61;
	text-align: left;
}

h6 {
	padding-top: 10px;
    font-weight: 400;
    font-size: clamp(0.5rem, 0.75vw + 0.5vh, 0.6rem);
    color: #333F61;
	text-align: left;
}

h7 {
	margin: 20px 0px 0px 0px;
    font-weight: 400;
    font-size: clamp(1rem, 1vw + 1vh, 1.5rem);
    color: #333F61;
}

h8 {
    font-size: clamp(0.5rem, 1vw + 1vh, 1.5rem);
    font-weight: 300;
    color: #333F61;
    text-align: center;
    -webkit-animation: bounce .4s ease infinite alternate;
}


.wide_tittle {
	font-weight: 900;
	font-size: clamp(4rem, 10vw + 10vh, 8rem);
	color: #ED4769;
	-webkit-text-stroke: 1px rgba(237,71,105,1);
	text-align: center;
}

.tittle {
	align-self: flex-start;
    width: 100%; /* Volitelné, pokud chceš, aby zabíral celý řádek */
    text-align: left;
	margin-left: 0;
	font-weight: 800;
	font-size: clamp(4rem, 1vw + 1vh, 6rem);
	-webkit-text-stroke: 1px rgba(237,71,105,1);
	color: #ED4769;
}

@media screen and (max-width: 1080px) {
	
	.tittle {
		font-size: clamp(3rem, 1vw + 1vh, 4.5rem);
	}

	.wide_tittle {
		padding-top: 80px;
		font-weight: 900;
		font-size: clamp(5rem, 1vw + 1vh, 6rem);
		color: #ED4769;
		-webkit-text-stroke: 1px rgba(237,71,105,1);
	}
}

/* SCROLL DOWN and UP BUTTONS */

.vl {
  	/*border-left: 3px solid #525252;*/
  	height: 50px;
	margin: 0px 0px 0px 70px;
	position: absolute;
	z-index: 1000;
}

.vl a :hover {
	color: #ED4769;
	transition: 0.2s ease-out;
	font-weight: 500;
  	/*border-left: 3px solid black;*/
}

i {
    font-style: normal;
}

@media screen and (max-width: 1080px) {
	.vl {
		display: none;
	}
}

#scrollUpBtn {
  	display: none; 
  	position: fixed;
  	bottom: 20px; 
  	left: 28px; 
  	z-index: 5; 
  	border: none; 
  	outline: none;
	background: none;
  	color: #333F61; 
  	cursor: none;
  	padding: 15px; 
  /*border-radius: 10px;*/
  	font-size: 18px; 
}

#scrollUpBtn:hover {
  color: #ed4769;
}

#scrollDownBtn {
	display: none;
  	position: fixed;
  	bottom: 20px; 
  	right: 28px; 
  	z-index: 1000; 
  	border: none; 
  	outline: none;
	background: none;
	text-decoration: none;
  	color: #333F61; 
  	cursor: none;
  	padding: 15px; 
  /*border-radius: 10px;*/
  	font-size: 18px; 
}

#scrollDownBtn:hover {
  color: #ED4769;
}

/* SCROLL DOWN and UP BUTTONS */

/* HORIZONTAL SCROLL BUTTON */

.horizontal_arrow {
	padding-left: 10px;
	padding-top: 5px;
	font-size: clamp(0.25rem, 0.6vw + 0.6vh, 1rem);
	font-weight: 300;
	height: 25px;
  	z-index: 1000; 
  	color: #333F61; 
	-webkit-animation: bounceright .4s ease infinite alternate;
	border-radius: 10px 10px 10px 10px;
}


/* ARROWS */

.arrow {
  	border: solid #333F61;
  	border-width: 0 5px 5px 0;
  	display: inline-block;
  	padding: 4px;
}

@-webkit-keyframes bounceright {
  0% {
 
  }
  100% {
    transform:translateX(-10px);
  }
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* ARROWS */

/* HORIZONTAL SCROLL BUTTON */

/* LANGUAGE CHANGER */

.switch {
	text-align: right;
}

.line {
	color: #272E44;
	font-size: 1.25rem;
	padding: 0px 10px 0px 5px;
}

#en-btn {
	color: #272E44;
	font-size: 1rem; /* 20px */
	font-weight: 400;
	border: none; 
  	outline: none;
	background: hsla(0,0%,100%,0); 
	border-radius: 7px;
	padding: 0px 3px;
	text-underline-offset: 2px;
	cursor: none;
}
#cz-btn {
	color: #272E44;
	font-size: 1rem; /* 20px */
	font-weight: 400;
	border: none; 
  	outline: none;
	background: hsla(0,0%,100%,0);
	border-radius: 7px;
	padding: 0px 3px;
	margin: 0px 5px;
	text-underline-offset: 2px;
	cursor: none;
}
#en-btn:hover {
	text-decoration: underline;
	font-weight: 400;
	color: #ED4769;
}
#en-btn:active {
	color: #ED4769;
}
#cz-btn:hover {
	text-decoration: underline;
	font-weight: 400;
	color: #ED4769;
}
#cz-btn:active {
	color: #ED4769;
}

/* LANGUAGE CHANGER */

/* SOCIAL MEDIA BUTTONS */

a {
	color: #333F61;
  	text-decoration: none;
}
ul {
  	list-style: none;
}

header {
  display: flex; /* Flexbox pro horizontální uspořádání */
  align-items: center; /* Vertikální zarovnání na střed */
  justify-content: space-between; /* Zarovnání obsahu do stran */
  text-transform: uppercase;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 1000;
  padding: 0 50px;
  color: #F3F3F3;
}

.headerlogo {
  display: flex;
  align-items: center;
  width: auto;
  pointer-events: none;
  margin-right: auto;
}

.headerlogo img {
  width: 300px;
}

/* Navigace - Zarovnání vpravo */
nav {
  	display: flex;
  	align-items: center;
  	margin-left: auto; /* Zarovnání vpravo */
}

nav i {
	background: hsla(0,0%,100%,0); 
	border-radius: 7px;
	padding: 3px 4px;
}

nav a {
  	padding: 10px 5px;
  	font-size: 1.2rem;
  	font-weight: 500;
  	border-radius: 5px;
  	color: #333F61;
  	text-underline-offset: 2px;
}

nav a:hover, nav a.active {
  	color: 333F61;
  	transition: 0.2s ease-out;
	transform: smooth;
  	letter-spacing: 0px;
	font-weight: 600;
	/*text-shadow: 1px 1px 2px rgba(0,0,0,0.5);;*/
	text-decoration: underline;
	text-underline-offset: 2px;
}


nav a :hover {
	color: #ED4769;
	transition: 0.2s ease-out;
	transform: smooth;
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media screen and (max-width: 1080px) {
	
  	header {
	    height: 80px;
    	padding: 0 20px;
  	}
	.headerlogo img {
  		width: 200px;
		left: 0;
	}
	nav a {
  		padding: 5px 5px;
  		font-size: 1.25rem;
	}
}

/* SECTION */

section {
  	height: 100vh;
  	width: 100vw;
  	justify-content: center;
  	align-items: center;
	scroll-snap-align: start;
	overflow: hidden;
	display: flex;    
}

.fullscreen-text-wrapper {
	position: absolute;            /* ← Pozice vůči sekci */
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;          /* ← Vertikální centrování */
	pointer-events: none;         /* Neblokuje interakce pod tím */
	z-index: 900;                /* Vrstva nad běžným obsahem */
	overflow: hidden;
}

.fullscreen-text {
	font-size: clamp(1rem, 10vw, 10rem);
	font-weight: 800;
	color: white;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 20px;
	position: relative;
	z-index: 1; 
	-webkit-text-stroke: 2px white; 
	text-shadow: 0 0 500px rgba(39,46,68,0.1);
}

.fullscreen-text-bg {
	position: absolute;
	top: 54%;
	left: 0;
	width: 100%;
	height: 100vh;
	background: linear-gradient(to top, white 100%, transparent 0%);
	z-index: 2;                  
	pointer-events: none;
}

@media screen and (max-width: 1080px) {
	.fullscreen-text-bg {
		top: 51%;
	}
}

/* SECTION */

/*----- TEXT_MOTION -----*/

/* Skrytý stav – počáteční */
.text_motion {
  opacity: 0;
  transform: translateY(0);
  transition: opacity 0.75s ease, transform 0.75s ease;
  will-change: opacity, transform;
}

/* Obecný aktivní stav */
.text_motion.active {
  opacity: 1;
}

/* ------- ANIMACE – ZOBRAZENÍ / SKRYTÍ -------- */

/* Slide Bottom */
.slide-bottom,
.slide-bottom-faster,
.slide-bottom-slow,
.slide-bottom-slower {
  transform: translateY(100px);
}
.slide-bottom.active,
.slide-bottom-faster.active,
.slide-bottom-slow.active,
.slide-bottom-slower.active {
  transform: translateY(0);
}

/* Slide Left */
.slide-left,
.slide-left-faster,
.slide-left-slow,
.slide-left-slower {
  transform: translateX(-100px);
}
.slide-left.active,
.slide-left-faster.active,
.slide-left-slow.active,
.slide-left-slower.active {
  transform: translateX(0);
}

/* Slide Right */
.slide-right,
.slide-right-faster,
.slide-right-slow,
.slide-right-slower {
  transform: translateX(100px);
}
.slide-right.active,
.slide-right-faster.active,
.slide-right-slow.active,
.slide-right-slower.active {
  transform: translateX(0);
}

/* Fade Only */
.fade-only,
.fade-only-slow,
.fade-only-slower {
  opacity: 0;
}
.fade-only.active,
.fade-only-slow.active,
.fade-only-slower.active {
  opacity: 1;
}

/* Scale Only */
.scale-only,
.scale-only-slow {
  transform: scale(0.6);
  opacity: 0;
}
.scale-only.active,
.scale-only-slow.active {
  transform: scale(1);
  opacity: 1;
}

/* ------- RYCHLOSTI ANIMACÍ (Transition Doba) -------- */

/* Faster */
.slide-bottom-faster,
.slide-left-faster,
.slide-right-faster {
  transition-duration: 0.75s;
}

/* Fast (default) */
.slide-bottom,
.slide-left,
.slide-right,
.fade-only,
.scale-only {
  transition-duration: 1s;
}

/* Slow */
.slide-bottom-slow,
.slide-left-slow,
.slide-right-slow,
.fade-only-slow,
.scale-only-slow {
  transition-duration: 1.5s;
}

/* Slower */
.slide-bottom-slower,
.slide-left-slower,
.slide-right-slower,
.fade-only-slower {
  transition-duration: 1.75s;
}

/* Obecné nastavení pro hladký přechod */
.slide-bottom, .slide-left, .slide-right,
.fade-only, .scale-only,
.slide-bottom-faster, .slide-left-faster, .slide-right-faster,
.slide-bottom-slow, .slide-left-slow, .slide-right-slow,
.slide-bottom-slower, .slide-left-slower, .slide-right-slower,
.fade-only-slow, .scale-only-slow, .fade-only-slower {
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
}

@media screen and (max-width: 1080px) {
  /* Slide left/right -> fade only on mobile */
  .slide-left,
  .slide-left-faster,
  .slide-left-slow,
  .slide-left-slower,
  .slide-right,
  .slide-right-faster,
  .slide-right-slow,
  .slide-right-slower,
  .slide-bottom-faster,
  .slide-bottom-slow,
  .slide-bottom-slower {
    transform: none !important;
  }

  .slide-left,
  .slide-left-faster,
  .slide-left-slow,
  .slide-left-slower,
  .slide-right,
  .slide-right-faster,
  .slide-right-slow,
  .slide-right-slower,
  .slide-bottom-faster,
  .slide-bottom-slow,
  .slide-bottom-slower {
    transition-property: opacity;
  }
}



@-webkit-keyframes bounce {
  0% {
 
  }
  100% {
    transform:translateY(-10px);
  }
}

/*----- TEXT_MOTION -----*/



/* ----- VIDEO HEAD -----*/

.video-container {
	position: relative;
	display: flex;
 	align-items: center;
  	justify-content: center;
 	width: 100%;
  	height: 100%;
	background-color: black;
}

.video-container video {
  	align-items: center;
  	width: 100%;
  	height: 100%;
  	display: block;
  	object-fit: cover;
  	object-position: center;
}

/* ----- VIDEO HEAD -----*/

/* ----- COLUMNS -----*/

.horizontal_scroll {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 100%;
	overflow-x: auto;
	scroll-snap-type: inline mandatory;
}

/* Skrytí posuvníku pro WebKit prohlížeče (Chrome, Safari) */
.horizontal_scroll::-webkit-scrollbar {
    display: none; /* Skryje scrollbar */
}

/* Pro Firefox (možnost) */
.horizontal_scroll {
    scrollbar-width: none; /* Skryje scrollbar v Firefoxu */
}

.columns_area {
 	display: table;
  	clear: both;
	scroll-snap-align: start;
}

.column_fullscreen {
	position: relative;
	display: flex;
 	align-items: center;
 	float: left;
  	justify-content: center;
 	width: 100vw;
  	height: 100vh;
	padding: 0px;
	overflow: hidden;
	scroll-snap-align: start;
}

.column_fullscreen img {
  	align-items: center;
  	width: 100%;
  	height: 100%;
  	display: block;
  	object-fit: cover;
  	object-position: center;
}


@media screen and (max-width: 1080px) {
	.column_fullscreen {
		align-items: flex-start;
		justify-content: flex-start;
	}
}	

.columns_left_narrow {
	position: relative;
	display: flex;
	flex-wrap: wrap;
 	align-items: center;
 	float: left;
  	justify-content: center;
 	width: 40vw;
  	height: 100vh;
	padding: 80px;
}
.columns_left_narrow img {
  	align-items: center;
  	width: 100%;
  	height: 100vh;
  	display: block;
  	object-fit: cover;
  	object-position: center;
}
.columns_left_wide {
	position: relative;
	display: flex;
	flex-wrap: wrap;
 	align-items: center;
  	float: left;
  	width: 60vw;
  	height: 100vh;
	overflow: hidden;
	animation: fadeIn 5s;
}
.columns_left_wide img {
  	align-items: center;
  	width: 100%;
  	height: 100vh;
  	display: block;
  	object-fit: cover;
  	object-position: center;
}
.columns_left_wide video {
  	align-items: center;
  	width: 100%;
  	height: 100vh;
  	display: block;
  	object-fit: cover;
  	object-position: center;
}
.columns_right_wide {
	position: relative;
	display: flex;
	flex-wrap: wrap; 
 	align-items: center;
  	float: right;
  	justify-content: center;
  	width: 60vw;
  	height: 100vh;
	overflow: hidden;
}

.columns_right_narrow {
	position: relative;
	display: flex;
	flex-wrap: wrap;
 	align-items: center;
  	float: right;
  	justify-content: center;
  	width: 40vw;
  	height: 100vh;
	padding: 80px;
}
.columns_right_wide img {
  	align-items: center;
  	width: 100%;
  	height: 100vh;
  	display: block;
  	object-fit: cover;
  	object-position: center;
}
.columns_right_wide video {
  	align-items: center;
  	width: 100%;
  	height: 100vh;
  	display: block;
  	object-fit: cover;
  	object-position: center;
}

.columns_left_half {
	position: relative;
	display: flex;
	flex-wrap: wrap;
 	align-items: center;
  	float: left;
  	width: 50vw;
  	height: 100vh;
	overflow: hidden;
	animation: fadeIn 5s;
}
.columns_left_half img {
  	align-items: center;
  	width: 100%;
  	height: 100vh;
  	display: block;
  	object-fit: cover;
  	object-position: center;
}
.columns_left_half video {
  	align-items: center;
  	width: 100%;
  	height: 100vh;
  	display: block;
  	object-fit: cover;
  	object-position: center;
}

.columns_right_half {
	position: relative;
	display: flex;
	flex-wrap: wrap;
 	align-items: center;
  	float: right;
  	justify-content: center;
  	width: 50vw;
  	height: 100vh;
}

.columns_right_half_text {
	position: relative;
	display: flex;
	flex-wrap: wrap;
 	align-items: center;
  	float: right;
  	justify-content: center;
  	width: 50vw;
  	height: 100vh;
	padding: 80px;
}

.columns_right_half img {
  	align-items: center;
  	width: 100%;
  	height: 100vh;
  	display: block;
  	object-fit: cover;
  	object-position: center;
}
.columns_right_half video {
  	align-items: center;
  	width: 100%;
  	height: 100vh;
  	display: block;
  	object-fit: cover;
  	object-position: center;
}

.columns_content {
    display: flex;
	width: 100%;
	height: 100%;
    flex-direction: column; /* Umožní vertikální zarovnání */
    justify-content: center; /* Vycentrování na střed */
	align-items: flex-start;
    color: black;
}

.main_container {
	height: 100%; /* Výška 100% viewportu minus 80px shora a zdola */
	width: 100%;
	display: flex;
	flex-direction: column; /* Zarovná děti do sloupce */
    justify-content: center; /* Vertikálně centrováno */
    
	align-items: flex-start;     /* horizontálně doleva */
    padding: 80px 140px; 
	/*margin-top: 5%;*/
	box-sizing: border-box;
}

.main_container_content {
    display: flex;
    flex-wrap: wrap; /* Zajišťuje, že sloupce se zalomí při nedostatku místa */
    justify-content: space-between; /* Prostor mezi sloupci */
	gap: 10px 40px;
}

.content_block {
    flex: 1 1 calc(50% - 50px); /* Sloupce budou mít šířku 50%, minus mezera */
	display: flex; /* Aktivuje flexbox uvnitř sloupců */
    flex-direction: column; /* Obsah uvnitř sloupce se zarovná shora dolů */
}

.award {
	padding: 10px 0px;
    width: 100%; /* Zabírá celou šířku nadřazeného divu */
    max-width: 150px; /* Maximální šířka divu */
    overflow: hidden; /* Skryje část obsahu, která přesahuje velikost divu */
    box-sizing: border-box; /* Zahrnuje okraje do celkové velikosti divu */
}

.award img {
    width: 100%; /* Přizpůsobí šířku obrázku divu */
    height: 100%; /* Přizpůsobí výšku obrázku divu */
    display: block;
    object-fit: cover; /* Udržuje poměr stran a vyplňuje celý prostor */
    object-position: center; /* Vycentruje obrázek v divu */
}

.columns_content_contact {
    display: flex;
	width: 100%;
	height: 100%;
    flex-direction: column; /* Umožní vertikální zarovnání */
    justify-content: center; /* Vycentrování na střed */
	align-items: center;
    color: black;
}

@media screen and (max-width: 1080px) {
	
	.main_container {
		    padding: 80px 40px; 
	}

	.columns_left_narrow {
	  	display: flex;
	  	width: 100vw;
	  	height: 50vh;
	  	text-align: left;
	  	bottom: 0;
		padding: 25px;
  	}
	
	.columns_right_wide {
		top: 0;
    	width: 100vw;
    	height: 50vh;
  	}
	
	.columns_right_wide img {
    	width: 100vw;
   	 	height: 50vh;
  	}
	
	.columns_right_wide video {
    	height: 50vh;
  	}
	
	.columns_left_wide {
		top: 0;
    	width: 100vw;
    	height: 50vh;
  	}
	
	.columns_left_wide img {
    	width: 100vw;
   	 	height: 50vh;
  	}
	
	.columns_left_wide video {
    	height: 50vh;
  	}
	
	.columns_right_narrow {
	  	display: flex;
	  	width: 100vw;
	  	height: 50vh;
	  	text-align: left;
	  	bottom: 0;
		padding: 25px;
  	}
	
	.columns_left_half {
		bottom: 0;
		display: flex;
  		width: 100vw;
  		height: 50vh;
	}
	
	.columns_left_half img {
    	width: 100vw;
   	 	height: 50vh;
  	}
	
	.columns_left_half video {
    	height: 50vh;
  	}
	
	.columns_right_half_text {
		top: 0;
  		width: 100vw;
  		height: 50vh;
		padding: 25px;
}
	
	.columns_right_half {
		top: 0;
  		width: 100vw;
  		height: 50vh;
	}
	
	.columns_right_half img {
    	width: 100vw;
   	 	height: 50vh;
  	}
	
	.columns_right_half video {
    	height: 50vh;
  	}
	
	.main_container  {
		padding: 50px 25px;
	}
	
	.main_container_content {
		gap: 10px 25px;
	}
	
	.main_container_content  p {
        font-size: clamp(0.1rem, 1vw + 1vh, 0.75rem);
    }
	
	.columns_content {
		justify-content: flex-start; /* Zarovná obsah k hornímu okraji */
  		-ms-transform: translateY(0%);
  		transform: translateY(0%);
  	}
	
	.columns_content_contact {
		justify-content: flex-start; /* Zarovná obsah k hornímu okraji */
  	}
	
	.columns_content p {
        font-size: clamp(0.1rem, 1vw + 1vh, 0.75rem);
    }
	.columns_content h1,
	.columns_content h2 {
		text-align: left;
		font-size: clamp(1.25rem, 1vw + 1vh, 1.5rem);
	}
	
	.columns_content h4,
	.columns_content h5,
	.columns_content h4 {
		padding-top: 0;
	}
	
	.award {
		padding: 10px 0px 0px 0px;
    	width: 100%; /* Zabírá celou šířku nadřazeného divu */
    	max-width: 100px; /* Maximální šířka divu */
	}

}

/* ----- COLUMNS -----*/

/* TEXT FORMAT */

.description_tittle {
	font-weight: 900;
	font-size: 30px;
	color: #333F61;
	position: absolute;
	z-index: 1000;
	left: 50px;
	bottom: 150px;
	width: 25%;
	line-height: 35px;
}

.project_number {
	text-align: left;
	font-weight: 800;
	font-size: 50px;
	-webkit-text-stroke: 1px rgba(51,63,97,1.00);
	color: rgba(82,82,82,0.00);
	margin: 0px 0px 0px -5px;
	/*writing-mode: vertical-lr;*/
}

/* TEXT FORMAT */


/* EXIT BUTTON */

.exit-button-container {
    z-index: 1000;
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center; /* Centrování textu vodorovně */
}

.exit-button {
    padding: 0px 0px 0px 0px;
    border: none;
    color: #ED4769;
    font-size: 50px;
    background-color: rgba(255, 0, 4, 0);	
}

.exit-button-text {
	display: none;
}

.exit-button:hover + .exit-button-text {
	font-size: 15px;
    color: #333F61;
    display: inline-block;
    margin-left: 10px;
	transform: translateY(-50%);
}

@media screen and (max-width: 1080px) {
	.exit-button-container {
    	left: 20px;
	}	
}


/* Styl pro překryv */
.modal-overlay {
	position: fixed;
	top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px); /* Rozmazání obsahu pod překrytím */
    display: none;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Zabraňuje scrollování uvnitř překryvu */
	z-index: 2000; /* Nastavení z-indexu nad všechny ostatní prvky */
  }

  /* Styl pro samotné okno */
.modal {
    width: 90%;
    height: 90%;
    background: black;
    padding: 0px;
    border-radius: 10px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	overflow: hidden; /* Oříznutí obsahu přesahujícího hranice okna */
  }

.modal iframe {
  	width: 102%;
  	height: 100%;
 	border: none; /* Odstranění rámečku */
  	outline: none; /* Odstranění případného vnějšího rámečku */
  	box-shadow: none; /* Odstranění stínu, pokud by byl použit */
	overflow: hidden; /* Skrytí posuvníků */
}

 /* Zabránění scrollování na těle stránky při zobrazení modálního okna */
  body.modal-open {
    overflow: hidden;
  }

  /* Styl pro tlačítko zavření */
  .close-btn-modal {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 40px;
    background: hsla(0,0%,0%,0.0);
    color: #ED4769;
    border: none;
    cursor: pointer;
    padding: 0px 20px;
    border-radius: 40px;
  }