@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Figtree:ital,wght@0,300..900;1,300..900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');

:root {
	/*--font_h: "Newsreader", serif;*/
	--font_h: "Bricolage Grotesque", sans-serif;
	--font_t: "Figtree", sans-serif;
	--hor_res_menu_button_height: 40px;
	--servis_button_size: 50px;
	--horizontal_menu_height: 70px;
	--logo_width: 54px;

	--ilu_height: 50px;

	--sirka: 1600px;
	--rantl: calc((100% - var(--sirka)) * 0.5);
	--odsazeni_i: 1rem;
	--small: 2rem;
	--big: 5rem;
	--yt_animace_height: 400px;

	--grey: #5d575b; /* běžný text */
	--black: #2b272a; /* nadpisy */
	--white: #FFF;
	--gold: #c3a36a;
	--bordo: #9a174f; /* nadpis po přjetí myší */
	--pink: #b31462;
	--brown: #570027;

	--gold_dark: #9f8352;

	--body_bg: #f7f5f3;
	--text: var(--grey);
	--tlacitko_text: var(--white);
	--tlacitko_text_hover: var(--tlacitko_text);
	--tlacitko_bg: var(--bordo);
	--tlacitko_bg_hover: var(--pink);
	--tlacitko_border: var(--bordo);
	--tlacitko_border_hover: var(--pink);

	--border_color: #ccc;
	--no_active_grey: #EEE;
	--form_background_color: #FFF;
	--form_text_color: var(--text);
	--form_ok_border: green;
	--form_error_border: red;

	--foot_text_color: var(--white);
	--foot_bg_color: var(--black);

	--table_head_bg: var(--tlacitko_bg);
	--table_head_text: var(--tlacitko_text);
	--table_text: var(--form_text_color);
	--table_bg1: var(--form_background_color);
	--table_bg2: var(--no_active_grey);
	--table_border: var(--border_color);

	--bottom_menuline_bg: var(--tlacitko_bg);
	--bottom_menuline_text: var(--tlacitko_text);

	--calendar_border_dny_tyden: var(--border_color);
	--calendar_bg_dny_tyden: var(--table_bg1);
	--calendar_bg_dny_vikend: var(--table_bg2);
	--calendar_bg_aktualni_den: var(--tlacitko_bg);
	--calendar_text_aktualni_den: var(--tlacitko_text);
	--calendar_bg_dny_hover: var(--tlacitko_bg_hover);
	--calendar_text_dny_hover: var(--tlacitko_text);
	--calendar_bg_prehled_dnu: #333;
	--calendar_text_prehled_dnu: #FFF;
	--calendar_bg_mesic: var(--tlacitko_bg);
	--calendar_text_mesic: var(--tlacitko_text);
	--calendar_border_mesic: var(--tlacitko_border);
	--calendar_text_tlacitko: var(--tlacitko_text);
	--calendar_bg_tlacitko: var(--tlacitko_bg);
	--calendar_text_tlacitko_hover: var(--tlacitko_text);
	--calendar_bg_tlacitko_hover: var(--tlacitko_bg_hover);
	--calendar_text_dny_mesice: var(--text);
	--calendar_text_dny_mimo_mesic: var(--border_color);
	--calendar_bg_dny_akce: var(--tlacitko_bg_hover);
	--calendar_text_dny_akce: var(--tlacitko_text);
	--calendar_bg_pruh_akce: var(--tlacitko_bg);
	--calendar_bg_okno_akce: var(--table_bg1);
	--calendar_text_okno_akce: var(--text);
	--calendar_link_okno_akce: var(--tlacitko_bg);
	--calendar_link_okno_akce_hover: var(--tlacitko_bg_hover);
	--calendar_okno_akce_cas_border: var(--border_color);
}
html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
}
body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	background-color: var(--body_bg);
	color: var(--text);
	font-family: var(--font_t);
	font-size: 1em;
	line-height: 1.5;
}

.white {color:var(--white);}
.gold {color:var(--gold);}
.bordo {color:var(--bordo);}
.pink {color:var(--pink);}
.brown {color:var(--brown);}
.black {color:var(--black);}

a.tlacitko {
	display: inline-block;
	padding: 0.9em 1.8em;
	text-decoration: none;
	border: 1px solid var(--tlacitko_border);
	background-color: var(--tlacitko_bg);
	color: var(--tlacitko_text);
	text-transform: uppercase;
	transition: 0.3s;
	line-height: 1;
	font-size: 16px;
}
a.tlacitko:hover {
	background-color: var(--tlacitko_bg_hover);
	border-color: var(--tlacitko_border_hover);
	color: var(--tlacitko_text_hover);
}
a.tlacitko.under { border-width: 0 0 1px 0; }
a.arrow{
	text-decoration: none;
	display:inline-block;
	position: relative;
	padding-right: 2.1em;
	text-transform: uppercase;
	transition: 0.3s;
}

a.arrow::after{
	content:"";
	width:1.5em;
	height:1.5em;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translateY(-50%);
	background-color:currentColor;
	-webkit-mask:url('img/arrow.svg') center/contain no-repeat;
	mask:url('img/arrow.svg') center/contain no-repeat;
	transition: 0.3s;
}
a.arrow:hover::after{
	right: 0em;
}

a.arrow.tlacitko {padding-right: 3em;}
a.tlacitko.arrow::after{right: 1.2em;}
a.tlacitko.arrow:hover::after{right: 0.8em;}

a.arrow.arrow_gold::after { background-color: var(--gold); }
a.arrow.arrow_white::after { background-color: var(--white); }
a.arrow.arrow_bordo::after { background-color: var(--bordo); }
a.arrow.arrow_black::after { background-color: var(--black); }

a.tlacitko.gold { background-color: transparent; color: var(--gold); border-color: var(--gold); }
a.tlacitko.gold:hover { background-color: var(--gold); color: var(--black); border-color: var(--gold); }
a.tlacitko.brown { background-color: transparent; color: var(--brown); border-color: var(--gold); }
a.tlacitko.brown:hover { background-color: rgba(87, 0, 39, 0.05); color: var(--brown); border-color: var(--brown); }
a.tlacitko.bordo { background-color: transparent; color: var(--bordo); border-color: var(--gold); }
a.tlacitko.bordo:hover { background-color: rgba(87, 0, 39, 0.05); color: var(--bordo); border-color: var(--bordo); }
a.tlacitko.white { background-color: transparent; color: var(--white); border-color: var(--white); }
a.tlacitko.white:hover { background-color: var(--white); color: var(--black); border-color: var(--white); }

a.tlacitko.gold_bordo { background-color: var(--gold); border-color: var(--gold); }
a.tlacitko.gold_bordo:hover { background-color: var(--bordo); border-color: var(--bordo); }

a.tlacitko.bordo_gold { background-color: var(--bordo); border-color: var(--bordo); }
a.tlacitko.bordo_gold:hover { background-color: var(--gold); border-color: var(--gold); }

a.tlacitko.from_white, a.arrow.from_white { color: var(--white); }
a.tlacitko.to_white:hover, a.arrow.to_white:hover { color: var(--white); }
a.tlacitko.from_black, a.arrow.from_black { color: var(--black); }
a.tlacitko.to_black:hover, a.arrow.to_black:hover { color: var(--black); }
a.tlacitko.from_gold, a.arrow.from_gold { color: var(--gold); }
a.tlacitko.to_gold:hover, a.arrow.to_gold:hover { color: var(--gold); }
a.tlacitko.from_bordo, a.arrow.from_bordo { color: var(--bordo); }
a.tlacitko.to_bordo:hover, a.arrow.to_bordo:hover { color: var(--bordo); }

a.bold { font-weight: bold; }

.font_h {font-family: var(--font_h);}
.font_t {font-family: var(--font_t);}
h1, h2, h3, h4 { font-family: var(--font_h); font-weight: 400; margin: 0.6em 0;}
h1 { font-size: clamp(40px, 3vw, 56px);}
h2 { font-size: clamp(22px, 2vw, 38px);}
h3 { font-size:clamp(18px, 1.5vw, 28px);}
h1.title { color: var(--black); }
h1.title::before {
	content: "";
	display: block;
	width: 70px; height: 2px;
	background-color: var(--gold);
	margin-bottom: 25px;
}
h1 strong, h2 strong, h3 strong,
h1 em, h2 em, h3 em,
h1 u, h2 u, h3 u {
	display: block;
	color: var(--gold);
	text-transform: uppercase;
	font-size: clamp(13px, 1.5vw, 16px);
	font-family: var(--font_t);
	white-space: nowrap;
	font-weight: 600;
	font-style: normal;
	text-decoration: none;
}
h1:has(u)::after,
h2:has(u)::after,
h3:has(u)::after {
	content: "";
	display: block;
	height: 1px;
	background-color:var(--gold);
	margin-top: 0.5em;
	width: clamp(100px, 13vw, 240px);
}
h1[style*="text-align: center"]:has(u)::after,
h2[style*="text-align: center"]:has(u)::after,
h3[style*="text-align: center"]:has(u)::after{
	margin-left:auto;
	margin-right:auto;
}


h1 strong::after,
h2 strong::after,
h3 strong::after {
	content: "";
	display: inline-block;
	height: 1px;
	vertical-align: middle;
	background-color:var(--gold);
	margin-left: 1em;
	width: clamp(70px, 7vw, 120px);
}
h1 em::before,
h2 em::before,
h3 em::before {
	content: "";
	display: block;
	width: 70px; height: 2px;
	background-color: var(--gold);
	margin: 25px 0;
}
h2 em::before {margin: 20px 0;}
h3 em::before {margin: 15px 0;}

h1.small {
	text-transform: uppercase;
	font-family: var(--font_t);
	font-size: clamp(25px, 2vw, 38px);
}
h1.line {
	text-transform: uppercase;
}
h1.line::after{
	content:"";
	height:2px;
	width: 100px;
	display: block;
	margin-top: 25px;
	background-color: var(--gold);
}
h2.small {
	text-transform: uppercase;
	font-family: var(--font_t);
	font-size: clamp(17px, 1.5vw, 28px);
}
h2.line {
	text-transform: uppercase;
}
h2.line::after{
	content:"";
	height:2px;
	width: 52px;
	display: block;
	margin-top: 15px;
	background-color: var(--gold);
}
h3.small {
	text-transform: uppercase;
	font-family: var(--font_t);
	font-size: clamp(14px, 1.1vw, 22px);
}
h3.line {
	display:flex;
	align-items:center;
	gap:1em;
	text-transform: uppercase;
}
h3.line::after{
	content:"";
	flex:1 0 2rem;
	height:1px;
	background-color: var(--gold);
}

section h1, section h2, section h3 { color: var(--black); }
section[style^="color:"] h1, section[style^="color:"] h2, section[style^="color:"] h3 {
	color: inherit;
}


.in_article ul {
	list-style: none;
	padding-left: 0;
}
.in_article ul li {
	position: relative;
	padding-left: 1.7rem;
	margin-bottom: 0.75rem;
}
.in_article ul li::before {
	content: "";
	position: absolute;
	left: 0.2rem;
	top: 0.4rem;
	width: 10px;
	height: 10px;
	background-color: var(--bordo);
	border-radius: 2px;
	transform: rotate(45deg);
}
foot .in_article ul li::before { background-color: var(--bordo); }

.in_article ol {
	list-style: none;
	counter-reset: list-item-counter; 
	padding-left: 0;
}
.in_article ol li {
	counter-increment: list-item-counter; 
	position: relative;
	padding-left: 1.7rem;
	margin-bottom: 0.75rem;
}
.in_article ol li::before {
	content: counter(list-item-counter, decimal-leading-zero); 
	color: var(--gold);
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
}


.logo {
	padding: 60px 0 0 0;
	width: 200px;
	overflow: hidden;
	height: 0;
	background: url('img/nt_logo_white.svg') no-repeat center / contain;
}

.logo.nocturna_logo { color: #FFF !important; transition: 0.3s; }
.logo.nocturna_logo:hover { color: #FFF !important; transform: translateY(-4px); }

	div {
		margin: 0;
		padding: 0;
	}
	.cleaner {
		clear: both;
	}
	.cleaner_left {
		clear: left;
	}
	.no_screen {
		display: none;
	}
	.no_print {
		display: block;
	}
	.center {
		text-align: center;
	}
	.hidden, .p_hidden {
		position: absolute;
		left: -4000px;
		font-size: 70%;
	}
	.p_hidden a:focus-visible, .p_hidden a:focus {
		left: 4000px;
		top: 0;
		z-index: 100;
		position: absolute;
		outline: 2px dotted;
	}
	div#background_element {
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 0px;
		margin: 0px;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 2000;
	}
	div#pageContent {
		margin: 0px;
		padding: 0px;
		position: relative;
		overflow: hidden;
		width: auto;
		height: auto;
		min-height: 100%;
	}
	div#content {
		position: relative;
		top: 0px;
		margin: 0px auto 0px auto;
		width: 100%;
	}
	img#loader {
		display: block;
		position: absolute;
		top: 10px;
		left: 50%;
		z-index: 100;
	}

#head_envelope {
	padding-bottom: 60px;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	min-height: 400px;
	display: grid;
	grid-template-rows: auto 1fr auto;
	background-color: var(--brown);
}
#head_envelope.homepage {min-height: 700px;}
#head_envelope.homepage.st_0 { min-height: 100vh; min-height: 100svh; }
@media(max-width: 640px){
	
	#head_envelope {
		padding-top: 0;
		min-height: 250px;
	}
}

#head-sogan {position: absolute;bottom: 0em;left: 0;right: 0;z-index: 1;}
#head-sogan div {padding: 15px;background-color: rgba(0,0,0,0.5);font-weight: bold;color: #FFF;font-size: 20px;text-align: center;}
#banhead {
	clear: both;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
}
#banhead::before{
	content:"";
	position:absolute;
	z-index: 1;
	inset:0;
	pointer-events:none;


background:
	linear-gradient(to right,
		rgba(0,0,0,.6) 0%,
		rgba(0,0,0,0) 65%,
		rgba(0,0,0,0) 75%,
		rgba(0,0,0,.6) 100%),
	linear-gradient(to bottom,
		rgba(0,0,0,.9) 0%,
		rgba(0,0,0,0) 70%);
}
@media(max-width: 860px){
	#banhead {
		overflow: hidden;
	}
	#banhead.mhdr_1 {
		min-height: 350px;
	}
	#banhead.mhdr_2 {
		min-height: 150px;
	}
	#head-sogan div {
		bottom: 1em;
	}
}
.mhdr {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.mhdr.is_slide { transition: opacity 2s; opacity: 0;}
.mhdr.is_slide.active { opacity: 1;}

#ilu_move_buttons { position: absolute; bottom: 1rem; right: 0; z-index: 1; line-height: 1; }
#ilu_move_buttons .arrow { margin-left: 1rem; }
button.arrow {
  font-size: 0;
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 40px;
  aspect-ratio: 1;
  background-color: var(--bordo);
  text-decoration: none;
  border: none;
  padding: 0;
  cursor: pointer;
  background-image: url('img/arrow_white.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}
button.arrow.left {
  transform: rotate(180deg);
}
button.arrow:hover { background-color: var(--pink); }

#ilu_part {
    position: relative;
    overflow: hidden;
}
#ilu_part:has(#ilu_move_buttons){
	padding-bottom: 60px;
	box-sizing: border-box;
}
.ilu_b.is_slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
}
.ilu_b.is_slide > div { padding-bottom: 50px;} /* místo na tlačítka pro posuv */
.ilu_b.is_slide.ilu_fi {
    transform: translateX(0);
    opacity: 1;
}
.ilu_b.is_slide.ilu_fo {
    transform: translateX(-100%);
    opacity: 0;
}

.ilu_b.is_slide.rev.now { transform: translateX(-100%) !important; transition: none !important; }
.ilu_b.is_slide.rev.ilu_fi {
    transform: translateX(0);
    opacity: 1;
}
.ilu_b.is_slide.rev.ilu_fo {
    transform: translateX(100%);
    opacity: 0;
}

#bMask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	overflow: hidden;
}
#bMask img {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	min-width: 100.1%;
	min-height: 100.1%;
}
#user-info {text-align: right;font-size: 80%;}

	div#bottom-menuline-in {
		overflow: hidden;
	}
#simle_links {padding: 10px 10px 0 10px;}

.submenuArea {
	overflow: hidden;
	margin-top: 1em;
	margin-bottom: 2em;
	display: flex;
	flex-wrap: wrap;
}

	#categories_envelope.galery,
	.categories_envelope.gallery {
		overflow: hidden;
		margin-top: 2em;
		margin-bottom: 2em;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
.article-preview-gallery {
	margin: 2%;
	width: 29.3%;
	position: relative;
}
.part33 .article-preview-gallery,
.part40 .article-preview-gallery
	{ width: 100%; max-width: 100%; margin: 0 0 2rem 0; }
.part50 .article-preview-gallery,
.part60 .article-preview-gallery
	{ width: 46%;}
@media(max-width: 1360px){
	.article-preview-gallery { width: 46%;}
}
@media(max-width: 640px){
	.article-preview-gallery { width: 100%; max-width: 100%; margin: 0 0 2rem 0; }
	.part50 .article-preview-gallery,
	.part60 .article-preview-gallery
		{ width: 100%;}
}
.article-preview-gallery h2 {
	margin: 0;
	overflow: hidden;
	text-align: center;
	font-size: 120%;
	position: absolute;
	z-index: 1;
	inset: 0;
	line-height: 1.1;
	font-family: var(--font_h);
	background: linear-gradient(
		to top,
		var(--bordo) 0%,
		var(--bordo) 10%,
		transparent 80%,
		transparent 100%
		);
}
.article-preview-gallery h2 a {
	text-decoration: none;
	display: block;
	position: absolute;
	inset:0;
	padding: 0 1rem 1rem;
	text-align: center;

	display:flex;
	align-items:flex-end;
	justify-content:center;
	transition: 0.3s;
	color: var(--white);
}
.article-preview-gallery h2 a:hover {
	padding-bottom: 1.5rem;
}
.article-preview-gallery h2 a::after {
	content: "";
	height: 5px;
	width: 0;
	display: block;
	left: 0;
	bottom: 0;
	position: absolute;
	background: var(--gold);
	transition: 0.3s;
}
.article-preview-gallery h2 a:hover::after {
	width: 100%;
}
.img-article-preview-gallery {
	width: 100%;
	overflow: hidden;
	aspect-ratio: 30/17;
	background-color: var(--bordo);
}
.img-article-preview-gallery img {
	border: none;
	width: 100%;
	display: block;
	transition: 0.3s;
}
.article-preview-gallery:hover img {
	transform: scale(1.05);
}




	div.articleContent {
		min-height: 15em;
		overflow: hidden;
	}
	div.articleContent blockquote {
		font-family: Georgia,Times,"Times New Roman",serif;
		font-style: italic;
		border-left: 5px solid #CCC;
		padding-left: 20px;
		padding-right: 8px;
	}
	div.articleContent img {
		max-width: 100%;
	}


	ul.downloadElement, div.photosArea {
		display: flex;
		flex-wrap: wrap;
	}
	div.downloadElementEnvelope input[type="password"],
	div.downloadElementEnvelope input[type="text"],
	div.photosElementEnvelope input[type="password"],
	div.photosElementEnvelope input[type="text"] {
		margin: 0 10px;
		width: 150px;
	}
	div.downloadElementEnvelope form.downloadsInputError,
	div.photosElementEnvelope form.photosInputError {
		padding: 2px 0;
		margin: 3px 0;
		color: #7c0000;
		border: 1px solid #F00;
		background-color: #e56666;
		border-radius: 3px;
		max-width: 400px;
	}

	div.photosArea a {
		display: block;
		border:1px solid var(--gold);
		box-sizing: border-box;
		overflow: hidden;
		background-color: var(--bordo);
	}
	div.photosArea a img {
		display: block;
		border: none;
		padding: 0;
		box-sizing: border-box;
		width: 101%; max-width: 101%; height: 101%; transition: 0.3s; transform: scale(1); line-height: 1; margin: -1px;
	}
	div.photosArea a:hover {border-color: var(--bordo);}
	div.photosArea a:hover img {transform: scale(1.1); opacity: 0.8;}
	div.photosArea.photogallery_vertical a {}
	div.photosArea.photogallery_vertical a img {}

	div.sPhotos_element {
		position: relative;
		overflow: hidden;
		margin: 1em 0;
		width: 100%;
		min-height: 153px;
	}
	div.sPhotos_element.sPhotos_element_vertical {
		min-height: 200px;
	}
	div.sPhotos_element > img {
		width: 100%;
	}
	div.sPhotos_element img {
		position: relative;
	}
	div.sPhotos_element div.cleaner {
		clear: left;
	}
	div.sPhotos_envelope {
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	div.sPhotos_envelope a {
		display: block;
		position: relative;
		margin: 0;
		padding: 18.8% 0 0 0;
		width: 25% !important;
	}
	div.sPhotos_element_vertical div.sPhotos_envelope a {
		width: 16.66% !important;
		padding-top: 22.1%;
	}
	div.sPhotos_envelope a img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		border: none;
		width: 100%;
	}

	div.error404 {
		margin: 10em auto;
		max-width: 500px;
		text-align: center;
		border: 1px dotted #F00;
		padding: 10px;
		text-align: center;
	}

div.offsetPart {
	text-align: center;
	padding: 0;
	margin: 1em 0;
	clear: both;
	width: 100%;
}
div.offsetPart a {
	display: inline-block;
	margin: 0.2em;
	height: 3rem;
	width: 3rem;
	line-height: 3rem;
	text-align: center;
	text-decoration: none;
	font-size: 0;
	transform: rotate(90deg);
	padding: 0;
	box-sizing: border-box;
	background-color: var(--tlacitko_bg);color: var(--tlacitko_text);
	position: relative;
}
div.offsetPart a:hover {background-color: var(--tlacitko_bg_hover);}
div.offsetPart a.loading {
	border-radius: 50%;
	opacity: 0.5;
}
div.offsetPart a::after {
	content: "";
	display: block;
	width: 1rem;
	height: 1rem;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(-45deg);
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
}
div.offsetPart span {background-color: var(--no_active_grey);}

	/* + formuláře */
		.photosElementEnvelope input[type=text],
		.photosElementEnvelope input[type=password]
		.downloadElementEnvelope input[type=text],
		.downloadElementEnvelope input[type=password] { margin-left: 1em; }
		.photosElementEnvelope input, .downloadElementEnvelope input { vertical-align: middle; }
	/* - formuláře */

/* + foto slideshow */
div.ssPhotos_element {
	width: 100%;
	overflow: hidden;
	position: relative;
}
div.ssPhotos_envelope {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
div.ssPhotos_element.ss16_9 { padding-top: 56.25%; }
div.ssPhotos_element.ss3_1 { padding-top: 33.3%;}
section.in_article div.ssPhotos_envelope img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 100% !important;
	max-width: none !important;
}
.to_infinity .part33.noBorders .in_article_photoslideshow,
.to_infinity .part50.noBorders .in_article_photoslideshow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.to_infinity .part33.noBorders .in_article_photoslideshow div.ssPhotos_element,
.to_infinity .part50.noBorders .in_article_photoslideshow div.ssPhotos_element {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.to_infinity .part33.noBorders .in_article_photoslideshow div.ssPhotos_element div.ssPhotos_envelope img,
.to_infinity .part50.noBorders .in_article_photoslideshow div.ssPhotos_element div.ssPhotos_envelope img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: auto;
	min-height: 100%;
	min-width: 100%;
	max-width: none;
}
/* - foto slideshow */

	div#ppb_b {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background: rgba(0,0,0,0.8);
	}
	div#ppb_b-in {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%,-50%);
	  max-width: 90%;
	  max-height: 90%;
	  width: 400px;
	  height: 400px;
	}
	a.ppb_close {
		display: block;
		position: absolute;
		top: 0px;
		right: 0;
		z-index: 1;
		background-color: var(--tlacitko_bg);
		padding: 0 35px 0 5px;
		height: 32px;
		line-height: 32px;
		color: var(--tlacitko_text);
		border: 1px solid var(--tlacitko_border);
		text-decoration: none;
		font-size: 80%;
	}
	a.ppb_close:hover {
		background-color: var(--tlacitko_bg_hover);
		color: var(--tlacitko_text);
	}
	a.ppb_close::before,
	a.ppb_close::after {
		content: "";
		display: block;
		width: 23px;
		height: 0;
		border: 1px solid;
		right: 2px;
		top: 15px;
		position: absolute;
	}

	a.ppb_close::before { transform: rotate(45deg); }
	a.ppb_close::after { transform: rotate(-45deg); }


	div.ppb_cnt {
		position: relative;
		width: 100%;
		height: 100%;
	}
	img#ppb_img {
		margin: 0px auto;
		display: block;
		max-width: 100%; max-height: 100%;
	}
	div#ppb_no_img {
		background-color: #FFF;
		width: 100%;
		height: 100%;
	}
	a#ppb_link {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		text-decoration: none;
		background: url('img/blank.gif') transparent;
	}
	div#ppb_text_envelope {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		border-top: 2px solid var(--gold);
		border-bottom: 2px solid var(--gold);
		box-sizing: border-box;
	}
	div#ppb_text_envelope::before,
	div#ppb_text_envelope::after {
		content: "";
		display: block;
		width: 100%;
		height: 5px;
		background: var(--brown);
		left: 0;
		position: absolute;
	}
	div#ppb_text_envelope::before { top: 0; }
	div#ppb_text_envelope::after { bottom: 0; }
	div#ppb_text {
		position: relative;
		margin: 30px 15px;
	}
	div#ppb_mb {
		position: fixed;
		top: 20%;
		right: 0px;
		z-index: 1000;
	}
	div#ppb_mb a img {
		border: none;
	}

	span#login_form_icon,
	span.login_form_icon {
		position: absolute;
		top: -16px;
		left: -15px;
		display: block;
		width: 32px;
		height: 32px;
		background-image: url('./img/encrypted.png');
	}
	img#login_form_icon,
	img.login_form_icon {
		position: absolute;
		top: -16px;
		left: -15px;
	}
	div#login_form_message,
	div.login_form_message {
		margin: 3em auto;
		padding: 0 1em;
		text-align: center;
	}
	div#login_form_envelope,
	div.login_form_envelope {
		max-width: 22em;
		margin: 3em auto;
		padding: 1em;
		width: auto;
		position: relative;
		border: 1px solid var(--bordo);
		background-color: var(--brown);
		color: #ffffff;
		text-align: right;
	}
	#login_form label,
	.login_form label {
		padding: 0 1em 0 0;
	}
	input#user_login, input#user_password {
		height: 2em;
		line-height: 2em;
		margin: 0 0 1em 0;
		padding: 0 0.5em;
		width: 10em;
		font-size: 1em;
		box-sizing: border-box;
	}
	#user_persistent, label.login_form_label { vertical-align: middle; }
	input.input_button {
		cursor: pointer;
		padding: 0.5em 1em;
		font-size: 1em;
	}
	input#user_persistent {
		width: 1.5em;
		height: 1.5em;
		position: relative;
	}

	#cs_bx_envl {
		display: flex;
		background: rgba(0,0,0,0.4);
		z-index: 900;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#cs_bx {
		background-color: #FFF;
		color: #000;
		border-top: 1px solid #888;
		padding: 30px 30px 0;
		box-sizing: border-box;
		margin: auto;
		position: relative;
		text-align: center;
		box-shadow: 0px 0px 20px #000;
	}
	#cs_bx p {
		padding: 0;
	}
	#cs_bx a#cs_l {
		color: blue;
	}

	#cs_bx a#cs_bu_y,
	#cs_bx a#cs_bu_n,
	#cs_bx a#cs_bu_close {
		background-color: #eee;
		border: 1px solid #777;
		color: #000;
		margin: 0;
		text-decoration: none;
		white-space: nowrap;
		display: inline-block;
	}
	#cs_bx a#cs_bu_close {
		position: absolute;
		top: -1px;
		right: -1px;
		margin: 0;
		line-height: 19px;
		padding: 4px 8px;
	}
	#cs_bx a#cs_bu_y,
	#cs_bx a#cs_bu_n {
		display: inline-block;
		width: 45%;
		line-height: 3em;
	}

	#scrollToHome {
		position: fixed;
		right: 1em;
		bottom: 1em;
		width: var(--servis_button_size);
		height: var(--servis_button_size);
		line-height: var(--servis_button_size);
		border: 1px solid var(--tlacitko_border);
		color: var(--tlacitko_text) !important;
		overflow: hidden;
		text-decoration: none;
		background-color: var(--tlacitko_bg);
		z-index: 15;
		display: none;
		text-align: center;
		transition: 0.3s;
	}
	#scrollToHome:hover {
		color: var(--tlacitko_text_hover) !important;
		background-color: var(--tlacitko_bg_hover) !important;
	}
	#scrollToHome > svg {
		display: inline-block;
		vertical-align: middle;
	}

	.fCalendarEnvelope {
		width: 100%;
		position: relative;
		max-width: 500px;
		margin: 0 auto;
	}
	.fCalendarTitle {
		position: relative;
		height: 15%;
	}
	.fCalendarIn {
		position: relative;
		height: 85%;
	}
	.fCalendarPredMonth,
	.fCalendarNextMonth {
		display: inline-block;
		width: 20%;
		box-sizing: border-box;
		height: 100%;
		line-height: 3;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
	}
	.fCalendarPredMonth {
		border-right: 1px solid;
	}
	.fCalendarNextMonth {
		border-left: 1px solid;
	}
	.fCalendarNextMonth:after {
		content: ">";
	}
	.fCalendarPredMonth:after {
		content: "<";
	}
	.fCalendarPredMonth:hover,.fCalendarNextMonth:hover {}
	.fCalendarActMonth {
		display: inline-block;
		position: relative;
		margin: 0 auto 0 auto;
		width: 60%;
		height: 100%;
		text-align: center;
		text-transform: uppercase;
		line-height: 3;
	}
	.fCalendarInTitles {
		display: block;
		height: 15%;
	}
	.fCalendarInTitles:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	.fCalendarInTitles span {
		display: inline-block;
		vertical-align: middle;
		width: 14%;
		cursor: default;
		text-align: center;
	}
	.fCalendarInTitlesWeekend {
		width: 15% !important;
	}
	.fCalendarInTitles span span {
		text-align: center;
	}
	.fCalendarInDays:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
	}
	.fCalendarInDays {
		height: 85%;
		width: 100%;
		vertical-align: middle;
		display: inline-block;
	}
	.fCalendarInDays span {
		display: block;
		width: 14%;
		line-height: 2.45;
		text-align: center;
		float: left;
		position: relative;
		cursor: default;
		overflow: hidden;
	}
	.fCalendarInDays span.fCalendarInWholeDay,.fCalendarInDayWeekend.fCalendarInWholeDay {}
	.fCalendarInDays span span {
		display: inline-block;
		width: 100%;
		height: 100%;
		vertical-align: middle;
		border-left: 1px solid;
		border-top: 1px solid;
	}
	.fCalendarInDaysWeekend {
		width: 15% !important;
	}
	.fCalendarInDayWeekend,.fCalendarInDayTmpweekend {}
	.fCalendarInDayTmp,.fCalendarInDayTmpweekend {}
	.fCalendarInDay {}
	.fCalendarInDay:hover,.fCalendarInDayWeekend:hover,.fCalendarInDayWeekend.fCalendarInWholeDay:hover,.fCalendarInDay.fCalendarInWholeDay:hover,.fCalendarToday:hover,.fCalendarInDaySelected {}
	.fCalendarToday {}
	.fCalendarInDays span span.fCalendarTodayIsIt {
		display: block;
		width: 90%;
		height: 20%;
		position: absolute;
		bottom: 0;
		right: 5%;
	}
	span.fCalendarInDay:hover span.fCalendarTodayIsIt,span.fCalendarInDaySelected span.fCalendarTodayIsIt,span.fCalendarInActDay span.fCalendarTodayIsIt {}
	.fCalendarInDays .fCalendarInDayTmp span.fCalendarTodayIsIt {}
	.fCalendarInDays span.fCalendarInWholeDayTmp,.fCalendarInDays span.fCalendarInDaysWeekend span.fCalendarInWholeDayTmp.fCalendarInDayWeekend {}

	div.fCalendarHint {
		display: none;
		position: absolute;
		box-shadow: 0 0 4px #888888;
		padding: 0.5em;
		font-size: 14px;
		color: #666;
		z-index: 11;
	}
	div.fCalendarInEnvp,
	a.fCalendarInLink {
		margin: 10px 0;
		display: block;
		text-decoration: none;
	}
	a.fCalendarInLink,
	a.fCalendarInLink span {
		cursor: pointer;
	}
	div.fCalendarHint h2 {
		font-size: 120%;
		margin: 0;
		text-align: center;
	}
	div.fCalendarHint span {
		width: 100%;
		display: block;
		line-height: 1.5;
		float: none;
		text-align: left;
	}
	div.fCalendarHint span.timestamp {
		font-size: 80%;
		margin-right: 5px;
	}
	div.fCalendarHint span.description {
		margin-left: 5px;
	}
	div.fCalendarHint span.title {
		font-weight: bold;
	}
	a.fCalendarInLink span.title {
		text-decoration: underline;
	}
	a.fCalendarInLink:hover span.title {
		text-decoration: none;
	}

/* + table */
table {
	border-collapse: collapse;
	margin: 2em auto;
	max-width: 100%;
	height: auto !important;
	width: max-content !important;
	color: var(--table_text);
	overflow-x: auto;
	overflow-y: hidden;
	display: block;
	font-size: 1rem;
	color: var(--table_text);
}
@media(max-width: 640px){
	table { font-size: 0.875rem; }
}
table[align=left]{float:none !important;margin-left: 0}
table[align=right]{float:none !important;margin-right: 0}

table tr:nth-child(2n+1){ background-color: var(--table_bg1); }
	table tr:nth-child(2n){ background-color: var(--table_bg2); }
table td,
table th {
	border: none;
	padding: 0.5em 1em;
	border: 1px solid var(--table_border);
}
table th { background-color: var(--table_head_bg); color: var(--table_head_text);}
/* - table */

	.site_sized { max-width: var(--sirka); }
	#content-1 > .site_sized:first-child, .site_sized.margin { margin: 0 auto; }



div.subcategory-envelope {
	box-sizing: border-box;
	width: 25%;
	padding: 1%;
	height: 680px;
}
.part50 div.subcategory-envelope, .part60 div.subcategory-envelope,
.part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 50%; }
@media(max-width: 1360px) {
	.part50 div.subcategory-envelope, .part60 div.subcategory-envelope,
	.part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 25%; }
}
@media(max-width: 1200px) {
	div.subcategory-envelope,
	.part50 div.subcategory-envelope, .part60 div.subcategory-envelope,
	.part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 33.3%; }
}
@media(max-width: 800px){
		div.subcategory-envelope,
		.part50 div.subcategory-envelope, .part60 div.subcategory-envelope,
		.part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 50%; }
}
@media(max-width: 640px){
		.part50 div.subcategory-envelope, .part60 div.subcategory-envelope,
	.part40 div.subcategory-envelope, .part33 div.subcategory-envelope,
		div.subcategory-envelope { width: 100%; margin-bottom: 1rem; height: 620px; }

}
div.subcategory {
	height: 100%;
	padding: 0 0 50px; position: relative;
	background-color: var(--category_custon_bg_color);
	box-sizing: border-box;
	overflow: hidden;
}
div.subcategory_img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 25%;
	overflow: hidden;
}
div.subcategory_img img {
	width:100%;
	min-height: 100% !important;
	object-fit:cover;
	object-position:center center;
	display:block;
	transition: 0.3s;
}
section.in_article div.subcategory_img img { height: 100% !important; }/* přepisuje běžnou hodnotu pro img ve článku */
div.subcategory:hover img { transform: scale(1.05); }
div.subcategory_img::after {
	content: "";
	position: absolute;
	inset: 0;
	display: block;
	background: linear-gradient(
		to top,
		var(--category_custon_bg_color) 0%,
		var(--category_custon_bg_color) 5%,
		transparent 100%
		);
}
div.subcategory_text {
	position: absolute;
	left: 1.8rem;
	right: 1.8rem;
	bottom: 60px;
	min-height: 330px;
}
div.subcategory h2 {
	overflow: hidden;
	max-height: 3.3em;
	padding: 0.15em 0 25px 0;
	margin: 0 0 25px 0;
	border-bottom: 1px solid;
	color: var(--white);
	font-family: var(--font_h);
	font-size:clamp(28px, 2.5vw, 48px);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.025em;
}
div.subcategory .description {
	height: auto;
	max-height: 18em;
	overflow: hidden;
	padding: 0;
	color: var(--black);
	font-size: 18px;
}
div.subcategory a.more {
	position: absolute;
	inset: 0;
	text-decoration: none;
	color: var(--white);
}
div.subcategory a.more:hover { color: var(--bordo); }
div.subcategory a.more span {
	display: block;
	position: absolute;
	bottom: 1rem;
	left: 1.8rem;
	right: 1.8rem;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}
div.subcategory a.more span::after{
	content:"";
	width:28px;
	height:28px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background-color:var(--white);
	-webkit-mask:url('img/arrow.svg') center/contain no-repeat;
	mask:url('img/arrow.svg') center/contain no-repeat;
	transition: 0.3s;
}
div.subcategory a.more:hover span::after{
	right: 0;
}

	/* + layout pro articlemulti*/

		.slideshow_envelope {
			min-width: 100%;
			min-height: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
		.slideshow_envelope img { width: 100%; filter: invert(100%); }

		article.main_article,article.articleContent {}
		.main_article > h1 {
			max-width: var(--sirka);
			margin-left: auto;
			margin-right: auto;
		}
		section.in_article {
			margin: 0;
			padding: 0;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		section.in_article img {
			max-width: 100%;
			height: auto !important;
		}
		.parts_envelope {
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
		}
		.parts_envelope.to_infinity { width: 100% }
		.parts_envelope.sized {
			max-width: var(--sirka);
			margin: 0 auto;
			width: 100% !important; /* možná zbytečné */
		}
		.part33, .part40, .part50, .part60, .part100 { overflow: hidden; position: relative; box-sizing: border-box; min-height: 150px; } 
		.part33 { width: 33.33%; }
		.part40 { width: 40%; }
		.part50 { width: 50%; max-width: 50%; }
		.part60 { width: 60%; }
		.part100 { width: 100%; }
		.editPerex { width: 100%; max-width: var(--sirka); margin-left: auto; margin-right: auto; box-sizing: border-box; }

		.to_infinity .part33.noBorders, .to_infinity .part50.noBorders { margin: 0; }

		.parts50.to_infinity.left div.part50.p_2 { width: calc(var(--sirka)/2); }
		.parts50.to_infinity.right div.part50.p_1 { width: calc(var(--sirka)/2); margin-left: auto; }

		.part33 div.lightDark,
		.part40 div.lightDark,
		.part50 div.lightDark,
		.part60 div.lightDark
		{ margin: var(--small); }

		.part33.p_1 div.lightDark, .part50.p_1 div.lightDark, .parts60 div.p_1 div.lightDark { margin-left: 0; }
		.part33.p_3 div.lightDark, .part50.p_2 div.lightDark, .parts60 div.p_2 div.lightDark { margin-right: 0; }

		.part100 div.lightDark { margin: var(--small) 0; }
		.to_infinity .part100 div.lightDark { margin: 0; }

div.lightDark.backgroundLight, div.lightDark.backgroundDark {
	padding: 5px var(--odsazeni_i);
	border-radius: 20px;
	box-shadow: 0px 0px 15px #0000001A;
}
div.lightDark.backgroundLight { background: transparent;}
		div.lightDark.backgroundDark { background: rgba(0,0,0,0.5);}

.part33 div.lightDark.backgroundLight, .part40 div.lightDark.backgroundLight, .part50 div.lightDark.backgroundLight, .part60 div.lightDark.backgroundLight, .part33 div.lightDark.backgroundDark, .part40 div.lightDark.backgroundDark, .part50 div.lightDark.backgroundDark, .part60 div.lightDark.backgroundDark {
  margin: 15px;
}
.part33 { display: flex; }
.part33 .lightDark  {flex: 1;}

		.in_article_youtube.animace {
			position: absolute;
			background-color: #000;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
		.part100 .in_article_youtube.animace {
			position: relative;
			height: var(--yt_animace_height);
		}
		.in_article_youtube.animace iframe {
			min-width: 120%;
			min-height: 100%;
			aspect-ratio: 16/9;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
		.in_article_youtube.animace::after {
			content: "";
			background-color: #000;
			opacity: 0.01;
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			bottom: 0;
		}

		.in_article_youtube.small { width: 50%; }
		.in_article_youtube.medium { width: 75%; }
		.in_article_youtube.big { width: 100%; }

		.in_article_youtube.small, .in_article_youtube.medium, .in_article_youtube.big { aspect-ratio: 16/9; margin: 0 auto; }
		.in_article_youtube.small iframe, .in_article_youtube.medium iframe, .in_article_youtube.big iframe { height: 100%; width: 100%; display: block; }

		.lightDark:has(>.in_article_map) {min-height: 350px; }
		.lightDark .in_article_map iframe { width: 100% !important; min-height: 350px !important; height: 100% !important; position: absolute; border: none; box-sizing: border-box; top: 0; left: 0; right: 0; bottom: 0; }

		/* + downloads */
			.part100 ul.in_article_download li { width: 50%;}
			.part50 ul.in_article_download li, .part60 ul.in_article_download li, .part33 ul.in_article_download li, .part40 ul.in_article_download li {	width: 100%;}
			ul.in_article_download li { margin: 0 0 1em 0; }
			ul.in_article_download li a { display: inline-block; padding-left: 80px; padding-top: 20px; min-height: 80px; max-width: 100%; box-sizing: border-box; }
			ul.in_article_download li span.name_envl { line-height: 1.3; }
			ul.in_article_download li span.name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: inline-block; vertical-align: middle;}
		/* - downloads */

		/* + fotogalerie */
			.in_article_photogalery a { margin: 0.5%; }
			.part100 .in_article_photogalery a { width: 19%; }
			.part100 .in_article_photogalery .photogallery_vertical a { width: 15.6%; }
			.part50 .in_article_photogalery a { width: 32.3%; }
			.part50 .in_article_photogalery .photogallery_vertical a { width: 24%; }
			.part60 .in_article_photogalery a { width: 32.3%; }
			.part60 .in_article_photogalery .photogallery_vertical a { width: 24%; }
			.part33 .in_article_photogalery a { width: 32.3%; }
			.part33 .in_article_photogalery .photogallery_vertical a { width: 32.3%; }
			.part40 .in_article_photogalery a { width: 32.3%; }
			.part40 .in_article_photogalery .photogallery_vertical a { width: 32.3%; }
		/* - fotogalerie */

		/* + speciál pro subpage */
			.subpage .part100 div.lightDark.backgroundLight, .subpage .part100 div.lightDark.backgroundDark { margin-left: var(--small); margin-right: var(--small); }
			.subpage .parts50.to_infinity.left div.part50:last-child,
			.subpage .parts50.to_infinity.right div.part50:first-child {}
		/* - speciál pro subpage */

		@media(min-width: 1025px) {
			.part100 { min-height: 350px; }
		}
	/* - layout pro articlemulti*/

	/* + kouzlo */
		@keyframes kouzlo_zvetsit {
			from { opacity: 0; transform: scale(0.5);}
			to {opacity: 1; transform: scale(1);}
		}
		.kouzlo.zvetsit.a_off, .kouzlo2.zvetsit.a2_off { transform: scale(0.5); }
		.kouzlo.zvetsit.a_on, .kouzlo2.zvetsit.a2_on { animation-name: kouzlo_zvetsit; animation-duration: 1s; }
		
		@keyframes kouzlo_prijet {
			from { opacity: 0; transform: translateY(100px);}
			to {opacity: 1; transform: translateY(0);}
		}
		.kouzlo.prijet.a_off, .kouzlo2.prijet.a2_off { transform: translateY(100px); }
		.kouzlo.prijet.a_on, .kouzlo2.prijet.a2_on { animation-name: kouzlo_prijet; animation-duration: 1s; }

		@keyframes kouzlo_tocit {
			from { opacity: 0; transform: scale(0.2) rotate(180deg);}
			to {opacity: 1; transform: scale(1) rotate(0deg);}
		}
		.kouzlo.tocit.a_off, .kouzlo2.tocit.a2_off { transform: scale(0.2) rotate(180deg); }
		.kouzlo.tocit.a_on, .kouzlo2.tocit.a2_on { animation-name: kouzlo_tocit; animation-duration: 1s; }

		@keyframes kouzlo_prijetR {
			from { opacity: 0; transform: translateX(200px);}
			to {opacity: 1; transform: translateX(0);}
		}
		.kouzlo.prijetR.a_off, .kouzlo2.prijetR.a2_off { transform: translateX(200px); }
		.kouzlo.prijetR.a_on, .kouzlo2.prijetR.a2_on { animation-name: kouzlo_prijetR; animation-duration: 1s; }

		@keyframes kouzlo_prijetL {
			from { opacity: 0; transform: translateX(-200px);}
			to {opacity: 1; transform: translateX(0);}
		}
		.kouzlo.prijetL.a_off, .kouzlo2.prijetL.a2_off { transform: translateX(-200px); }
		.kouzlo.prijetL.a_on, .kouzlo2.prijetL.a2_on { animation-name: kouzlo_prijetL; animation-duration: 1s; }

		@keyframes kouzlo_prijetT {
			from { opacity: 0; transform: translateY(-200px);}
			to {opacity: 1; transform: translateY(0);}
		}
		.kouzlo.prijetT.a_off, .kouzlo2.prijetT.a2_off { transform: translateY(-200px); }
		.kouzlo.prijetT.a_on, .kouzlo2.prijetT.a2_on { animation-name: kouzlo_prijetT; animation-duration: 3s; }

		.kouzlo, .kouzlo.a_off, .kouzlo2, .kouzlo2.a2_off { opacity: 0; }
		.kouzlo.a_on, .kouzlo2.a2_on { opacity: 1; }
	/* - kouzlo */

	/* + zoom */
		a.zoom { position: relative; z-index: 1; }
		a.zoom img { transition: 0.3s; }
		a.zoom:hover { z-index: 10; }
		a.zoom:hover img { transform: scale(1.07); }
	/* - zoom */

	/* + cookies 2*/
		#cs2_bx_envl, #cs2_tms {z-index: 900;position: fixed;bottom: 10px;left: 10px; font-size: 1rem; }
		#cs2_bx_envl { border-radius: 3px; background: #FFF; box-shadow: 0 0 20px #000; padding: 20px 1rem 1rem; width: 640px; max-width: calc(100% - 20px); max-height: calc(100% - 10px); overflow-y: auto; box-sizing: border-box;}
		#cs2_tms { color: transparent; border-radius: 50%; overflow: hidden; background: url('./img/pernicek_white.png') no-repeat center var(--tlacitko_bg); width:var(--servis_button_size); height: var(--servis_button_size); }
		#cs2_tms:hover { color: transparent; background-color: var(--tlacitko_bg_hover); }
		.cs2_v { display: block; transition: 0.3s; }
		.cs2_iv { display: none !important; transition: 0.3s; }
		.cs2_d.cs2_v, .cs2_tps_a.cs2_v { display: block !important; max-height: 1000px; overflow-y: hidden; }
		.cs2_d.cs2_iv, .cs2_tps_a.cs2_iv { display: block !important; max-height: 0; overflow: hidden; }

		#cs2_bx_envl h3 { margin: 0; padding: 0;}
		#cs2_bx_envl p.cs2_ds { margin: 0; padding: 0.3rem 0 0 0; }
		#cs2_bx_envl > a {}
		#cs2_bx_envl div.cs2_g_a { margin: 0 0 8px 0; padding-bottom: 8px; border-bottom: 1px solid var(--tlacitko_border); position: relative; }
		#cs2_bx_envl div.cs2_g_a span.cs2_n { display: block; padding: 5px 40px 5px 20px; font-weight: bold; }
		#cs2_bx_envl div.cs2_tps_a { border-left: 1px dotted var(--tlacitko_bg); margin-left: 8px; }
		#cs2_bx_envl div.cs2_tp_a { border-bottom: 1px solid var(--border_color); position: relative; margin-bottom: 8px; padding-bottom: 8px; }
		#cs2_bx_envl div.cs2_tp_a:first-child { margin-top: 1rem; }
		#cs2_bx_envl div.cs2_tps_a div.cs2_tp_a { border-bottom: 1px dotted var(--border_color); margin-bottom: 5px; padding-bottom: 5px; }
		#cs2_bx_envl div.cs2_tps_a div.cs2_tp_a:first-child { margin-top: 0; }
		#cs2_bx_envl div.cs2_tps_a div.cs2_tp_a:last-child { margin-bottom: 0; border-bottom: none; }
		.cs2_n { font-weight: bold; padding: 5px 40px 5px 20px; display: block; }
		#cs2_bx_envl div.cs2_tps_a span.cs2_n { font-style: normal; background-color: transparent; padding: 5px 0px 5px 10px; }
		.cs2_d { font-style: italic; font-size: 90%; line-height: 1.3; padding: 0 5px 0px 20px; display: block;}
		.cs2_d .cs2_d { font-size: 100%; }

		.cs2_d > span { display: block; }
		.cs2_de { display: block; text-decoration: none; font-size: 0; position: absolute; top: 10px; left: 0;}
		.cs2_de.cs2_down::after,.cs2_de.cs2_up::after { background-color: var(--tlacitko_bg); color: var(--tlacitko_text); font-size: 16px; display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; text-decoration: none; font-weight: bold; }
		.cs2_de.cs2_up::after { content: "-"; }
		.cs2_de.cs2_down::after { content: "+"; }
		.cs2_d .cs2_de {position: relative; top: 0; margin-top: 5px; font-size: 100%;font-style: normal; padding-left: 20px; height: 20px; line-height: 20px; color: var(--tlacitko_text); display: inline-block;}
		.cs2_d .cs2_de::after { position: absolute; top: 2px; left: 0; background-color: var(--tlacitko_bg); }

		div.cs2_ba { margin-top: 1rem; text-align: center; }
		.cs2_save_selected { text-align: center; margin: 2rem 0; }
		#cs_bu_close { text-decoration: none; position: absolute; top: 0; right: 10px;
			line-height: 20px; height: 20px; width: 20px; text-align: center;
			border-radius: 1px; border: 1px solid var(--tlacitko_border); background-color: var(--tlacitko_bg); color: var(--tlacitko_text);  }
		#cs_bu_close:hover { background-color: var(--tlacitko_bg_hover); color: var(--tlacitko_text_hover); }

		span.cs2_ca { display: block; position: absolute; top: 7px; right: 10px; width: 40px; text-align: center; }
		span.cs2_ca input[type="checkbox"] { position: relative; margin: 0; width: 40px; height: 20px; background-color: var(--no_active_grey); border: none; border-radius: 20px; }
		span.cs2_ca input[type="checkbox"]::after { content: ""; border: none; display: block; position: absolute; width: 16px; height: 16px; border-radius: 16px; background: var(--border_color); left: 2px; top: 2px; transition: 0.3s;}
		span.cs2_ca input[type="checkbox"]:checked { background-color: var(--tlacitko_bg); }
		span.cs2_ca input[type="checkbox"]:checked::after { left: 22px; background: var(--tlacitko_text);}
		span.cs2_ca input[type="checkbox"]:disabled { opacity: 0.5;}
	/* - cookies 2 */

a { text-decoration: underline;color: var(--bordo);}
a:hover {text-decoration: none;color: var(--pink);}

/* drobeckova navigace */
div#top_area_path_part {font-size: 1.5rem;height: 2em;padding-top: 0.5em;color: var(--black);}
div#top_area_path_part a {text-decoration: none;font-size: 0.9rem;}
div#top_area_path_part a:hover {text-decoration: underline;}

	.marker { color: var(--gold); }
	.barva, .marker2 { color: var(--bordo); }

	input[type=button], input[type=submit] {border: 1px solid var(--tlacitko_border); background-color: var(--tlacitko_bg); color: var(--tlacitko_text);}
	input[type=button]:hover, input[type=submit]:hover {background-color: var(--tlacitko_bg_hover);}
	div#bottom-menuline {background-color: var(--bottom_menuline_bg);color: var(--bottom_menuline_text) !important;}
	div#bottom-menuline a,  div#bottom-menuline h2 {color: var(--bottom_menuline_text);}

	/* offset */

	/* + kalendář */
		.fCalendarTitle {background-color: var(--calendar_bg_mesic);}
		.fCalendarPredMonth,.fCalendarNextMonth {color: var(--calendar_text_tlacitko);background-color: var(--calendar_bg_tlacitko);}
		.fCalendarPredMonth {border-right-color: var(--calendar_border_mesic);}
		.fCalendarNextMonth {border-left-color: var(--calendar_border_mesic);}
		.fCalendarPredMonth:hover,.fCalendarNextMonth:hover {background-color: var(--calendar_bg_tlacitko_hover); color: var(--tlacitko_text); }
		.fCalendarActMonth {color: var(--calendar_text_mesic);}
		.fCalendarInTitles {background-color: var(--calendar_bg_prehled_dnu);}
		.fCalendarInTitles span {color: var(--calendar_text_prehled_dnu);}
		.fCalendarInDays span.fCalendarInWholeDay,.fCalendarInDayWeekend.fCalendarInWholeDay {background-color: var(--calendar_bg_dny_akce) !important; color: var(--calendar_text_dny_akce);}
		.fCalendarInDays span span {border-color: var(--calendar_border_dny_tyden); background-color: var(--calendar_bg_dny_tyden);}
		.fCalendarInDayWeekend,.fCalendarInDayTmpweekend {background-color: var(--calendar_bg_dny_vikend) !important;}
		.fCalendarInDayTmp,.fCalendarInDayTmpweekend {color: var(--calendar_text_dny_mimo_mesic);}
		.fCalendarInDay {color: var(--calendar_text_dny_mesice);}
		.fCalendarInDay:hover,.fCalendarInDayWeekend:hover,.fCalendarInDayWeekend.fCalendarInWholeDay:hover,.fCalendarInDay.fCalendarInWholeDay:hover,.fCalendarToday:hover,.fCalendarInDaySelected {background-color: var(--calendar_bg_dny_hover) !important;color: var(--calendar_text_dny_hover) ;}
		.fCalendarToday {color: var(--calendar_text_aktualni_den);background-color: var(--calendar_bg_aktualni_den) !important;}
		.fCalendarInDays span span.fCalendarTodayIsIt {background-color: var(--calendar_bg_pruh_akce);}
		.fCalendarInDays .fCalendarInDayTmp span.fCalendarTodayIsIt { background-color: var(--calendar_bg_pruh_akce); }
		span.fCalendarInDay:hover span.fCalendarTodayIsIt,span.fCalendarInDaySelected span.fCalendarTodayIsIt,span.fCalendarInActDay span.fCalendarTodayIsIt {background-color: var(--calendar_bg_pruh_akce);}
		.fCalendarInDays span.fCalendarInWholeDayTmp,.fCalendarInDays span.fCalendarInDaysWeekend span.fCalendarInWholeDayTmp.fCalendarInDayWeekend { background-color: #cdcde1 !important; }
		div.fCalendarHint {border: 1px solid;color: var(--calendar_text_okno_akce);background-color:var(--calendar_bg_okno_akce); }
		div.fCalendarInEnvp,a.fCalendarInLink {color: var(--calendar_link_okno_akce);}
		a.fCalendarInLink:hover {color: var(--calendar_link_okno_akce_hover);}
		div.fCalendarHint h2 {color: var(--calendar_text_okno_akce);}
		div.fCalendarHint span.timestamp {border-top: 1px solid var(--calendar_okno_akce_cas_border);}
	/* - kalendář */

		#foot a, #foot {color: var(--foot_text_color);}
		#foot {background-color: var(--foot_bg_color);text-align: center; font-size: 80%;}

#content-1.subpage > div.category_description { margin-bottom: var(--big); }

#categories_envelope.galery,
#categories_envelope.list,
#head_grid_mid,
#hor-envelope,
div#top_area_path_part,
#user-info,
#bottom-menuline-in,
.submenuArea,
div.category_description, h1.title,
div.article-preview-envelope div.article-preview,
div.articleContent,
#foot-in,
div#login_form_message,
div#data-center-text {
	max-width: var(--sirka);
	margin-left: auto;
	margin-right: auto;
}

		#foot-in {
			padding: 1em;
			box-sizing: border-box; 
		}
		#hor-envelope {
			position: relative
		}


#head_grid_mid {
	position: relative;
	z-index: 1;
	width: 100%;
	box-sizing: border-box;
	grid-row: 2;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	/*min-width: 0; původně není nastaveno */
}
/* Vyvážení prostoru pod zbytkem obsahu */
#head_grid_mid::after {
  content: "";
  margin-top: auto;
}
		#system-box {
			overflow: hidden;
			align-self: stretch;
			margin-bottom: auto;
		}
.mid_icons { max-width: 100%; width: 100%; }
@media(min-width: 660px){
	.mid_icons { width: 650px; }
}
.nc_article .mid_icons { width: auto; }




		/*vypisy*/
		div.link_line { text-align: center; padding-top: var(--small); width: 100%; }
		#categories_envelope.list,
		.categories_envelope.list {
			display: flex;
			flex-wrap: wrap;
			gap: 3rem;
			margin-bottom: var(--big);
			margin-top: var(--small);
		}
div.article-preview-envelope {
	width: calc(50% - 1.5rem);
	padding: 0;
	box-sizing: border-box;
}
.part40 div.article-preview-envelope,
.part50 div.article-preview-envelope,
.part60 div.article-preview-envelope,
.part33 div.article-preview-envelope
	{width: 100%;}

div.article-preview {
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
}
div.img-article-preview {
	padding: 0;
	width: 50%;
	position: relative;
	box-sizing: border-box;
}
div.img-article-preview a {
	position: absolute;
	inset: 0;
	transition: 0.3s;
	overflow: hidden;
	display: block;
}
div.img-article-preview a::after {
	content: "";
	display: block;
	height: 5px;
	background: var(--gold);
	position: absolute;
	left: 0;
	bottom:0;
	width: 0;
	transition: 0.3s;
}
div.img-article-preview a:hover::after {
	width: 100%;
}
div.img-article-preview a img {
	width:100%;
	height:100% !important;
	object-fit:cover;
	transition: 0.3s;
	border: none;
	display: block;
}
div.img-article-preview a:hover img {
	transform: scale(1.05);
}
div.text-article-preview {
	text-align: left;
	padding: 1rem;
	width: 50%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
}
div.text-article-preview h2 {
	margin: 0;
	line-height: 1.15;
	font-weight: 400;
	font-family: var(--font_h);
	font-size: clamp(22px, 1.5vw, 27px);
}
div.text-article-preview h2 a {	color: var(--black); text-decoration: none;}
div.text-article-preview h2 a:hover { color: var(--bordo); text-decoration: none; }
div.text-article-preview a.more {
	color: var(--black);
	font-weight: bold;
	/*font-size: 14px;*/
	font-size: 16px;
	line-height: 1;
	padding-right: 40px;
	width: max-content;
}
div.text-article-preview a.more:hover { color: var(--bordo); }
div.text-article-preview a.more.arrow::after { width: 32px; height: 32px; }

@media(max-width: 1200px){
	div.article-preview{ display: block; }
	div.text-article-preview {width: 100%; display: block; margin-top: 1rem;}
	div.img-article-preview{ width: 100%; }
	div.img-article-preview a { position: relative; }
}
@media(max-width: 700px){
	div.article-preview-envelope { width: 100%; }
}
		div.download input[type="password"],
		div.download input[type="text"],
		div.photogalery input[type="password"],
		div.photogalery input[type="text"] {
			margin: 0 10px;
			width: 150px;
		}
		div.download form.downloadsInputError,
		div.photogalery form.photosInputError {
			padding: 2px 0;
			margin: 3px 0;
			color: #7c0000;
			border: 1px solid #F00;
			background-color: #e56666;
			border-radius: 3px;
			max-width: 400px;
		}

		/* + downloads */
		ul.in_article_download {
			display: flex;
			flex-wrap: wrap;
			padding: 0;
			margin: 0;
		}
		ul.in_article_download li {
			list-style-type: none;
			padding: 0 1rem 0 0;
			box-sizing: border-box;
		}
ul.in_article_download li::before { display: none; }
		ul.in_article_download li a {
			position: relative;
			text-decoration: none;
		}
		a.download_link_type::before {
			content: "";
			background-image: url('../img/download/download.png');
			background-repeat: no-repeat;
			background-position: left center;
			height: 80px;
			width: 66px;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			filter: grayscale(100%) brightness(28%);
			margin-right: 0.5em;
			vertical-align: middle;
		}
		a.download_link_type.file-video_mp4::before,
		a.download_link_type.file-video_mpeg::before,
		a.download_link_type.file-video_x-msvideo::before
		{ background-image: url('../img/download/download_video.png'); }
		a.download_link_type.file-audio_mpeg::before,
		a.download_link_type.file-audio_wav::before
		 { background-image: url('../img/download/download_audio.png'); }
		a.download_link_type.file-text_plain::before,
		a.download_link_type.file-application_msword::before,
		a.download_link_type.file-application_vnd-openxmlformats-officedocument-wordprocessingml-document::before { background-image: url('../img/download/download_txt.png'); }
		a.download_link_type.file-application_pdf::before { background-image: url('../img/download/download_pdf.png'); }
		a.download_link_type.file-application_vnd-ms-excel::before, a.download_link_type.file-application_vnd-openxmlformats-officedocument-spreadsheetml-sheet::before { background-image: url('../img/download/download_excel.png'); }
		a.download_link_type.file-application_x-zip-compressed::before,
		a.download_link_type.file-application_gzip::before { background-image: url('../img/download/download_zip.png'); }
		a.download_link_type.file-application_vnd-ms-powerpoint::before, a.download_link_type.file-application_vnd-openxmlformats-officedocument-presentationml-presentation::before { background-image: url('../img/download/download_powerpoint.png'); }
		a.download_link_type.file-image_jpeg::before,
		a.download_link_type.file-image_png::before,
		a.download_link_type.file-image_gif::before
		 { background-image: url('../img/download/download_image.png'); }

		ul.in_article_download li a:hover::before { }
		ul.in_article_download li a:hover span.name { text-decoration: none; }
		ul.in_article_download li span.aligning {
			vertical-align: middle;
			display: inline-block;
		}
		ul.in_article_download li span.desc {
			font-style: italic;
			display: block;
			text-decoration: none;
			color: var(--text);
		}
		ul.in_article_download li span.play {
			display: block;
			margin-top: 0px;
			margin-left: 80px;
		}
		ul.in_article_download li span.name { text-decoration: underline; }
		ul.in_article_download li span.play audio {
			max-width: 150px;
			max-height: 30px;
			border-radius: 15px;
		}
		ul.in_article_download li a i {
			font-size: 80%;
			white-space: nowrap;
			text-decoration: none;
			vertical-align: bottom;
		}

		.ilu_b { overflow: hidden; transition: 0.5s linear; transform-origin: bottom center; }
		.ilu_b > div { padding: 1px 1rem; box-sizing: border-box; }
		.ilu_b img { max-width: 100%; }

	.ilu_b .textShadow_1 { text-shadow: 1px 0 0px #000A, -1px 0 0px #000A, 0px 1px 0px #000A, 0px -1px 0px #000A;}
	.ilu_b .textShadow_2 { text-shadow: 1px 0 0px #FFFA, -1px 0 0px #FFFA, 0px 1px 0px #FFFA, 0px -1px 0px #FFFA;}
	.ilu_b .textShadow_1 a.tlacitko, .ilu_b .textShadow_2 a.tlacitko { text-shadow: none; }

		.ilu_b .boxBg_1 {
		  padding: 1px 2rem;
		  background: linear-gradient(
			90deg,
			rgba(0,0,0,0) 0%,
			rgba(0,0,0,0.55) 14%,
			rgba(0,0,0,0.75) 22%,
			rgba(0,0,0,0.75) 78%,
			rgba(0,0,0,0.55) 86%,
			rgba(0,0,0,0) 100%
		  );
		}
		.ilu_b .boxBg_2 {
			background: linear-gradient(
				90deg,
				rgba(255,255,255,0) 0%,
				rgba(255,255,255,0.55) 14%,
				rgba(255,255,255,0.75) 22%,
				rgba(255,255,255,0.75) 78%,
				rgba(255,255,255,0.55) 86%,
				rgba(255,255,255,0) 100%
			);
		}
.ilu_text h2 {
	width: 100%;
	max-width: 620px;
	padding: 16px 0;
	margin: 0;
	font-family: var(--font_h);
	font-size: clamp(35px, 3.3vw, 54px);
	line-height: 1;
	font-weight: 300;
	letter-spacing: 1px;
}
.ilu_text h1,
h2.ilu_title {
	width: 100%;
	max-width: 620px;
	padding: 0;
	margin: 0.15em 0 0;
	font-family: var(--font_h);
	font-size: clamp(46px, 4.5vw, 72px);
	line-height: 1.1;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
}
hr{height:1px;border:0;background:var(--gold);}
.ilu_b a.tlacitko {
	/*font-size: 12px;*/
	font-size: 16px; }
.ilu_b .marker { font-size: clamp(16px, 1.3vw, 21px); }
@media(max-width: 640px){
	.ilu_b a.tlacitko {
		margin: 0.5em 0;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}
#horizont-0 {
	position: relative;
	text-align: center;
	padding: 40px 0;
	box-sizing: border-box;
	min-height: var(--horizontal_menu_height);
	grid-row: 1;
	z-index: 20;
	min-width: 0;
}
@media(max-width: 980px){
	#horizont-0 { padding-top: 25px; padding-bottom: 25px; }
}
@media(max-width: 640px){
	#horizont-0 { padding-top: 1rem; padding-bottom: 1rem; min-height: var(--hor_res_menu_button_height);height: initial;}
}

@media(max-width: 1600px) {
		#categories_envelope.galery,
		#categories_envelope.list,
		#head_grid_mid,
		div#top_area_path_part,
		#user-info,
		#bottom-menuline-in,
		.submenuArea,
		div.category_description, h1.title,
		div.articleContent,
		#data-center-text,
		#foot-in,
		#horizont-0 {
			padding-left: 1rem;
			padding-right: 1rem;
	}
}

.nc_filter {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid transparent;
	padding: 1rem 0;
	margin-bottom: var(--big);
}

.nc_filter:has(a.selected) { border-bottom-color: var(--gold); margin-bottom: 0;}
.nc_filter_btn {
	box-sizing: border-box;
	padding: 0.5rem;
	border: 1px solid transparent;
	text-align: center;
}
.big_2 .nc_filter_btn {width: 50%;}
.big_3 .nc_filter_btn {width: 33.3%;}
.big_4 .nc_filter_btn {width: 25%;}
.small .nc_filter_btn {width: 20%;}

.nc_filter .tlacitko.filter { font-size: 18px;font-weight: 500; }
.nc_filter .tlacitko.filter.selected { border-color: var(--brown); color: var(--white); background-color: var(--brown); }
.nc_filter_btn p.desc { line-height: 1.2; margin: 0.2em auto 0; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px; max-width: 80%;}
.nc_filter_btn p.desc br { display: none; }
.nc_filter_btn p.desc.selected { color: var(--black); margin: 0.5em 0 0; font-size: 16px; overflow: visible; text-overflow: ellipsis; white-space: wrap; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto;}
.nc_filter_btn p.desc.selected br { display: block; }

a.nc_img_filter {
	display: block;
	color: var(--gold);
	text-decoration: none;
	position: relative;
	overflow: hidden;
	transition: 0.5s;
	aspect-ratio: 1;
	background-color: var(--bordo);
}
a.nc_img_filter::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 68%;
  background: linear-gradient( to bottom, transparent 0%, rgba(106, 12, 57, .48) 46%, #6A0C39 100% );
  transition: height .45s ease;
  pointer-events: none;
}
a.nc_img_filter.selected::after,
a.nc_img_filter:hover::after,
a.nc_img_filter:focus-visible::after {
	height: 100%;
}
a.nc_img_filter img {
	display: block;
	transition: 0.5s;
	width: 100%;
}
a.nc_img_filter:hover img {
	transform: scale(1.05);
}
a.nc_img_filter span {
	display: block;
	line-height: 1.2;
}
a.nc_img_filter i { margin-top: 10px; }
a.nc_img_filter span.data {
	position: absolute;
	z-index: 2;
	right: 18px;
	bottom: 20px;
	left: 18px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	text-align: center;
}
a.nc_img_filter span.title {
	font-size: clamp(32px, 3vw, 51px);
	font-weight: 700;
	line-height: 1;
	color: #FFF;
}
@media (max-width: 650px) {
	a.nc_img_filter span.data{
		right: 10px;
		bottom: 12px;
		left: 10px;
	}
}
@media (max-width: 450px) {
	a.nc_img_filter { aspect-ratio: 1.5; }
	a.nc_img_filter span.data{top: 0;bottom: 0; background: red;}
	a.nc_img_filter span.title,
	a.nc_img_filter span.desc { position: absolute; width: 100%;}
	a.nc_img_filter span.title { bottom: 50%; font-size: 24px; background: green;}
	a.nc_img_filter span.desc { top: 50%; background: blue;}
	a.nc_img_filter i { font-size: 12px; margin-top: 5px;}
}

@media(max-width: 1365px){
	.big .nc_filter_btn {padding: 1rem 0.5rem; width: 50% !important; }
	.big.big_3 .nc_filter_btn {width: 33.3% !important; }
	.small .nc_filter_btn {width: 25%;}
}
@media(max-width: 950px){
	.small .nc_filter_btn {width: 33.3%;}
}
@media(max-width: 640px){
	.big .nc_filter_btn {width: 100% !important; padding: 0.5rem 0; }
	.big.big_3 .nc_filter_btn {width: 100% !important; }
	.small .nc_filter_btn {width: 50%;}
	.small.nc_filter .tlacitko.filter { font-size: 16px;padding: 0.5em; }
	.small .nc_filter_btn p.desc {width: 200px; max-width: 100%; margin: 0.2em 0 0; display: none; }
	.small .nc_filter_btn p.desc.selected { display: block; }
}

.nocturna-events.filter { margin-top: var(--small); }

			@media(max-width: 970px) {
				div.calendars {
					min-width: 30% !important;
				}
			}
			@media(max-width: 860px) {
				body {
					font-size: 100%;
				}
				div#content-2-in {
					padding-right: 0;
				}
				div#ppb_mb {
					display: none !important;
				}
				div.calendars {
					min-width: 50% !important;
				}
				div.photosArea a,
				div.photosArea.photogallery_vertical a {
					width: 23%;
				}
			}

@media(max-width: 640px) {
	div.photosArea a {
		width: 48%;
	}
	div.photosArea.photogallery_vertical a {
		width: 31%;
	}
	div.login_form_envelope,
	div#login_form_envelope {
		text-align: left;
	}
	.login_form_label, input#user_login, input#user_password {
		display: block;
		width: 90%;
	}

	div.cs2_ba a.tlacitko { margin-bottom: 5px; padding: 0.2em 1em;}
}

			@media(max-width: 500px) {
				.webbase_form select,
				.webbase_form textarea,
				.webbase_form input[type="text"],
				.webbase_form input[type="email"],
				.webbase_form .calendar_element input{
					width: calc(100% - 30px);
				}
				.webbase_form .calendar_element { width: 100%; }
				.webbase_form label{
					width: auto;
					text-align: left;
					display: block;
					padding-right: 0;
				}
				.webbase_form label.form_label_right {
					display: inline-block;
				}
				.webbase_form .halc {
					margin: 0 0 0 0px;
					text-align: center;
				}
				.webbase_form .text_info_div {
					margin: 0 0 0 0px;
					display: block;
				}
				.webbase_form input[type="radio"],
				.webbase_form input[type="checkbox"] {
					margin: 0 0 0 0px;
				}
				div.calendars {
					width: 100% !important;
				}
			}

			/* + layout end pro articlemulti */
				@media(max-width: 1620px){
					.articleContent > h1,
					.parts_envelope.sized,
					.to_infinity .editPerex ,
					.site_sized {
						padding-left: 1rem;
						padding-right: 1rem;
					}
					.parts_envelope.to_infinity.left { padding-right: 1rem; }
					.parts_envelope.to_infinity.right { padding-left: 1rem; }
				}
				@media(max-width: 1365px) {
					div.parts_envelope {
						justify-content: center;
					}
					.parts_envelope.to_infinity.left { padding-right: 0; }
					.parts_envelope.to_infinity.right { padding-left: 0; }
					
					.part33 div.lightDark, .part50 div.lightDark, .parts60 > div div.lightDark { margin-left: 0; margin-right: 0; }


					.part33.p_1, .part50.p_1 div.lightDark, .parts60 > div.p_1 div.lightDark { margin-bottom: 0; }
					.part33.p_1.backgroundLight, .part50.p_1 div.lightDark.backgroundLight, .parts60 > div.p_1 div.lightDark.backgroundLight
					.part33.p_1.backgroundDark, .part50.p_1 div.lightDark.backgroundDark, .parts60 > div.p_1 div.lightDark.backgroundDark { margin-bottom: var(--small); }
					
					.part33.p_2 { margin-bottom: 0; margin-top: 0; }
					.part33.p_3 { margin-top: 0; }

					div.parts33.to_infinity > div.p_1,
					div.parts33.to_infinity > div.p_3,
					div.part50, div.part40, div.part60 {
						margin: 0;
					}

					.parts33.to_infinity .part33.p_2,
					.to_infinity.left > div.p_2,
					.to_infinity.right > div.p_1
					 { margin-left: 1rem !important; margin-right: 1rem !important; }

					div.part33, div.part50, div.part40, div.part60 {
						width: 100% !important;
						max-width: 100%;
					}

					.part50 .in_article_photogalery a,
					.part60 .in_article_photogalery a,
					.part40 .in_article_photogalery a,
					.part33 .in_article_photogalery a { width: 19%; }

					.part50 .in_article_photogalery .photogallery_vertical a,
					.part60 .in_article_photogalery .photogallery_vertical a,
					.part40 .in_article_photogalery .photogallery_vertical a,
					.part33 .in_article_photogalery .photogallery_vertical a { width: 15.6%; }
				}
				@media(max-width: 1024px) {
					.part100 ul.in_article_download li { width: 100%;}

					.part100 .in_article_photogalery a,
					.part50 .in_article_photogalery a,
					.part60 .in_article_photogalery a,
					.part33 .in_article_photogalery a,
					.part40 .in_article_photogalery a { width: 24%; }
					.part100 .in_article_photogalery .photogallery_vertical a,
					.part50 .in_article_photogalery .photogallery_vertical a,
					.part60 .in_article_photogalery .photogallery_vertical a,
					.part33 .in_article_photogalery .photogallery_vertical a,
					.part40 .in_article_photogalery .photogallery_vertical a { width: 19%; }
				}
				@media(max-width: 640px){
					.part100 .in_article_photogalery a,
					.part50 .in_article_photogalery a,
					.part60 .in_article_photogalery a,
					.part33 .in_article_photogalery a,
					.part40 .in_article_photogalery a { width: 32.3%; }
					.part100 .in_article_photogalery .photogallery_vertical a,
					.part50 .in_article_photogalery .photogallery_vertical a,
					.part60 .in_article_photogalery .photogallery_vertical a,
					.part33 .in_article_photogalery .photogallery_vertical a,
					.part40 .in_article_photogalery .photogallery_vertical a { width: 32.3%; }

				}
				/* - layout end pro articlemulti */

/* + sekce header */

/* - GTranslate */
.nocturna-language {
	position: relative;
	height: 31px;
}
.nocturna-language .gtranslate_wrapper{
	position:static;
	width:auto;
	height:auto;
	margin:0;
}
.nocturna-language .gt_float_switcher{
	width:auto;
	min-height:0;
	border:0;
	background:transparent;
	box-shadow:none;
	font-size:inherit;
	padding-bottom: 2px;
}
.nocturna-language .gt_float_switcher .gt-selected{
	background:transparent;
	margin-top: 3px;
}
.nocturna-language .gt_float_switcher img{
	display:none;
}
.gt_float_switcher .gt-selected .gt-current-lang,
.nocturna-language .gt-selected .gt-current-lang{
	padding:6px 25px 6px 10px !important;
	position: relative;
	color:#fff !important;
	font-size: 13px;
	line-height:1;
	letter-spacing:.7px;
	font-weight:normal;
	text-transform:uppercase;
	cursor:pointer;
	transition: 0.3s;
	background: transparent;
}
.gt_float_switcher .gt-selected .gt-current-lang:hover,
.nocturna-language .gt-selected .gt-current-lang:hover{
	color:var(--gold) !important;
}
.nocturna-language .gt-selected .gt-current-lang .gt-lang-code{
	position:static;
	top:auto;
}
/* původní šipka */
.nocturna-language .gt_float_switcher-arrow{
	display: block !important;
	width:8px !important;
	height:8px !important;
	color:currentColor;
	border-bottom: 1px solid;
	border-right: 1px solid;
	background: none !important;
	transform: rotate(45deg) !important;
	position: absolute;
	right: 7px;
	top: 7px;
}
.nocturna-language .gt_float_switcher-arrow.gt_arrow_rotate {transform:rotate(225deg) !important; top: 10px; }
.nocturna-language .gt_options{
	top:calc(100% + 5px) !important;
	right:0 !important;
	left:auto !important;
	width:auto !important;
	padding:7px 0;
	background:rgba(8,4,7,.96);
	border:1px solid rgba(195,163,106,.7);
	max-height:none !important;
}
.gt_float_switcher .gt_options a,
.nocturna-language .gt_options a{
	display:block;
	height:auto;
	line-height:1.2;
	padding:8px 10px;
	font-size:12px;
	letter-spacing:.6px;
	color:#fff !important;
	background:transparent;
	text-align:left;
	text-decoration:none;
	overflow:visible;
}
.gt_float_switcher .gt_options a:hover,
.nocturna-language .gt_options a:hover{
	color:#C3A36A !important;
	background:rgba(255,255,255,.05) !important;
}
.nocturna-language .gt_options a{font-size:0;}
.nocturna-language .gt_options a::before{font-size:12px;letter-spacing:.6px;}
.nocturna-language .gt_options a[data-gt-lang="cs"]::before{content:"CZ";}
.nocturna-language .gt_options a[data-gt-lang="en"]::before{content:"EN";}
.nocturna-language .gt_options a[data-gt-lang="de"]::before{content:"DE";}
/* - GTranslate */

.nocturna-nav-list > li.has-submenu > a::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-right: 1px solid;
	border-bottom: 1px solid;
	transform: rotate(45deg);
}
.nocturna-info-panel,.nocturna-info-panel *,
#hor-envelope, #hor-envelope * {  box-sizing: border-box; }

.nocturna_header {
    position: relative;
    z-index: 20;
    width: 100%;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: 34px;
    row-gap: 7px;
    align-items: center;
    background: transparent;
}
.nocturna_tools {
    grid-column: 2 / 4;
    grid-row: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    min-height: 38px;
    background: transparent;
}
.nocturna-search {
    display: inline-flex;
    width: 30px;
    height: 30px;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: transparent;
    text-decoration: none;
    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.nocturna-search:hover,
.nocturna-search:focus {
    color: #C3A36A;
    transform: translateY(-2px);
}

.nocturna-search svg {
    display: block;
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.nocturna-tools-divider {
    display: block;
    width: 1px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.28);
}

.nocturna-socials {
    display: flex;
    align-items: center;
    gap: 18px;
}

.nocturna-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    color: #C3A36A;
    text-decoration: none;
    background: transparent;
    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.nocturna-socials a:hover {
    color: #ffffff;
    transform: translateY(-3px);
}

.nocturna-socials svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.nocturna-nav {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    background: transparent;
}

.nocturna-nav-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 35px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.nocturna-nav-list > li {
    position: relative;
    margin: 0;
    padding: 0;
}

.nocturna-nav-list > li > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 0;
    color: #ffffff;
    background: transparent;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.nocturna-nav-list > li > a:hover {
    color: #C3A36A;
}

.nocturna-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    min-width: 220px;
    padding: 8px 0;
    margin: 0;
    list-style: none;
    background-color: rgba(8, 4, 7, 0.96);
    border: 1px solid rgba(195, 163, 106, 0.55);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease;
}

.nocturna-nav-list li:hover > .nocturna-submenu,
.nocturna-nav-list li:focus-within > .nocturna-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.nocturna-submenu li {
    margin: 0;
    padding: 0;
}

.nocturna-submenu a {
    display: block;
    padding: 10px 16px;
    color: #ffffff;
    background: transparent;
    text-decoration: none;
    font-size: 11px;
    line-height: 1.3;
}

.nocturna-submenu a:hover {
    color: #C3A36A;
    background-color: rgba(255, 255, 255, 0.05);
}

.nocturna-info-panel {
    position: relative;
    z-index: 5;
    width: calc(100% - 20px);
    margin: auto auto 0;

    /* Dodatečná bezpečná mezera nad panelem */
    margin-top: 14px;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    background-color: rgba(55, 0, 27, 0.82);

    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);

    border: 0;
}

.nocturna-info-item {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 17px;
    align-items: start;
    min-height: 160px;
    padding: 31px 36px 29px;
    background: transparent;
}

.nocturna-info-item + .nocturna-info-item::before {
    content: "";
    position: absolute;
    top: 27px;
    bottom: 27px;
    left: 0;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.22);
}

.nocturna-info-icon {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: #C3A36A;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: 44px;
    background-position: center;
}
.nocturna-info-icon.icon1 { background-image: url('img/gold_kalendar.svg'); }
.nocturna-info-icon.icon2 { background-image: url('img/gold_gps.svg'); }
.nocturna-info-icon.icon3 { background-image: url('img/gold_music.svg'); }

.nocturna-info-content h2 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: 0.45px;
    text-transform: uppercase;
}

.nocturna-info-content p {
    max-width: 330px;
    margin: 0 0 19px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 12px;
    line-height: 1.55;
}

a.nocturna_info_link {
	color: var(--gold);
	/*font-size: 13px;*/
	font-size: 16px;
}
a.nocturna_info_link:hover { color: var(--white); }
a.nocturna_info_link.arrow::after { width: 17px; height: 17px; }

@media screen and (max-width: 1250px) {
    .nocturna_header {
        grid-template-columns: 205px minmax(0, 1fr) auto;
        column-gap: 22px;
    }

    .nocturna-nav-list {
        gap: 8px 21px;
    }

    .nocturna-nav-list > li > a {
        font-size: 11px;
    }

    

    .nocturna-info-item {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 18px;
        padding: 38px 28px;
    }

}
@media screen and (max-width: 980px) {
    .nocturna_tools {
        order: 2;
        width: 100%;
        justify-content: flex-start;
    }
    .nocturna_header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 17px;
    }


    .nocturna-nav-list {
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 24px;
        min-width: max-content;
    }

    .nocturna-info-panel {
        grid-template-columns: 1fr;
        width: 100%;
        margin-top: 0;
    }

    .nocturna-info-item {
        min-height: auto;
    }

    .nocturna-info-item + .nocturna-info-item::before {
        top: 0;
        bottom: auto;
        left: 28px;
        right: 28px;
        width: auto;
        height: 1px;
    }
}

@media screen and (max-width: 640px) {
    .nocturna_tools {
        gap: 14px;
    }

    .nocturna-socials {
        gap: 13px;
    }

    .nocturna-info-panel {
        width: 100%;
    }

    .nocturna-info-item {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 17px;
        padding: 30px 20px;
    }

    .nocturna-info-content h2 {
        font-size: 18px;
    }

    .nocturna-info-content p {
        font-size: 14px;
    }
}








/* + hamburger */
#hamburger_button{
	display:none;
	position:relative;
	width:42px;
	height:42px;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

#hamburger_button::before,
#hamburger_button::after{
	content:"";
	position:absolute;
	left:8px;
	right:8px;
	height:1px;
	background:currentColor;
	transition:.25s;
}

#hamburger_button::before{
	top:14px;
	box-shadow:0 7px 0 currentColor;
}

#hamburger_button::after{
	top:28px;
}

#hamburger_button:hover{
	color:#C3A36A;
}
.submenu-toggle{
	display:none;
}
/* původní šipky desktopu */
.nocturna-nav.mobile .nocturna-nav-list>li.has-submenu>a::after{display:none;}

@media(max-width: 980px){
	#hamburger_button{
		display:block;
		order:1;
		margin-left:auto;
	}

	.nocturna_logo{
		order:0;
	}

	.nocturna_tools{
		order:2;
		width:100%;
	}
	
	#hamburger_button.open::before{
		top:21px;
		transform:rotate(45deg);
		box-shadow:none;
	}

	#hamburger_button.open::after{
		top:21px;
		transform:rotate(-45deg);
	}

	.nocturna-nav.mobile .submenu-toggle{
		display:flex;
		align-items:center;
		justify-content:center;
		position:absolute;
		top:0;
		right:0;
		width:40px;
		height:40px;
		padding:0;
		border:0;
		background:none;
		color:#fff;
		cursor:pointer;
	}

	.nocturna-nav.mobile .submenu-toggle::before{
		content:"";
		width:8px;
		height:8px;
		border-right:1px solid currentColor;
		border-bottom:1px solid currentColor;
		transform:rotate(45deg);
		transition:transform .2s;
	}

	.nocturna-nav.mobile li.open>.submenu-toggle::before{
		transform:rotate(-135deg);
	}

	.nocturna-nav.mobile .nocturna-submenu{
		display:block;
		position:static;
		opacity:1;
		visibility:visible;
		transform:none;
		min-width:0;
		border:0;
		padding:0;
		margin:0;
		background:none;
		max-height: 0;
		overflow: hidden;
		transition: .5s;
	}

	.nocturna-nav.mobile li.open>.nocturna-submenu{
		max-height:var(--submenu_height);
	}
	
	.nocturna-nav{
		order:3;
		height: 0;
		overflow: hidden;
		padding-bottom: 0;
	}
	.nocturna-nav.mobile{
		display:block;
		width:100%;
		background:transparent;
		border-top:1px solid var(--gold);
		margin: 0;
		transition: 0.5s;
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
	}

	.nocturna-nav.mobile.open{
		height: calc(100vh - var(--mobile_menu_position));
		overflow-y: auto;
		padding-bottom: 6rem;
	}

	.nocturna-nav.mobile .nocturna-nav-list{
		display:block;
		min-width:0;
		width:100%;
		padding:0;
		margin:0;
	}

	.nocturna-nav.mobile .nocturna-nav-list>li{
		display:block;
		position:relative;
		border-bottom:1px solid rgba(255,255,255,.08);
		padding:1.1em 50px 1.1em 1em;
		font-size:16px;
	}

	.nocturna-nav.mobile .nocturna-nav-list>li>a{
		display:inline-block;
		padding: 0;
		font-size:16px;
	}
	.nocturna-submenu li { text-align: left; font-size:14px; padding-left: 2em;}
	.nocturna-submenu a { font-size: 14px; display: inline-block; }
	.nocturna-submenu a:hover { background-color: transparent; }

	body.menu-open{overflow:hidden;}
}

/* - hamburger */







/* - sekce header */

/* + sekce event_banner */

.tn-event-hero,.tn-event-hero *{box-sizing:border-box}

.tn-event-hero{
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	overflow:visible;
	background:transparent;
	color:var(--white);
	font-family: var(--font_t);
}

.tn-event-container{
	position:relative;
	width:100%;
	margin:0;
	padding:0
}

.tn-event-content{
	display:flex;
	width:100%;
	margin:0;
	padding:0;
	align-items:center
}

.tn-event-content-inner{
	width:min(100%,1050px);
	margin:0;
	padding:0
}

.tn-event-title{
	max-width:920px;
	margin:0;
	padding:0;
	color:var(--white);
	font-family: var(--font_h);
	font-size:48px;
	font-weight:400;
	line-height:1.12;
	letter-spacing:-.02em
}

.tn-event-info-row{
	display:flex;
	width:100%;
	margin:40px 0 0;
	padding:40px 0;
	align-items:stretch;
	border-top: 1px solid var(--gold);
	border-bottom: 1px solid var(--gold);
	max-width: 1050px;
}

.tn-event-info-item{
	display:flex;
	min-height:76px;
	padding-right:35px;
	align-items:center;
	gap:20px
}

.tn-event-info-item+.tn-event-info-item{
	padding-left:35px;
	border-left:1px solid rgba(195,163,106,.75)
}

.tn-event-info-icon{
	display:flex;
	flex:0 0 46px;
	width:46px;
	height:46px;
	align-items:center;
	justify-content:center;
	color:var(--gold)
}

.tn-event-info-icon svg{
	display:block;
	width:44px;
	height:44px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.5;
	stroke-linecap:round;
	stroke-linejoin:round
}

.tn-event-info-text{
	display:flex;
	flex-direction:column;
	justify-content:center
}

.tn-event-info-label{
	margin:0 0 7px;
	color:var(--gold);
	font-size:12px;
	font-weight:600;
	line-height:1.25;
	letter-spacing:.11em;
	text-transform:uppercase
}

.tn-event-info-value{
	margin:0;
	color:var(--white);
	font-size:19px;
	font-weight:500;
	line-height:1.35
}

.tn-event-main-ticket-wrap{
	display:flex;
	padding-left:35px;
	align-items:center;
	border-left:1px solid rgba(195,163,106,.75)
}

.tn-event-main-ticket{
	padding-top:23px !important;
	padding-bottom:23px !important;
	font-size:15px;
	font-weight:600;
	line-height:1.2;
	letter-spacing:.05em;
	white-space:nowrap;
}


@media (max-width:1280px){
	.tn-event-info-item{
		padding-right:24px;
		gap:15px
	}

	.tn-event-info-item+.tn-event-info-item{
		padding-left:24px
	}

	.tn-event-main-ticket-wrap{
		padding-left:24px
	}

	.tn-event-main-ticket{
		padding-left:22px;
		padding-right:22px
	}
}
@media (max-width:1050px){
	.tn-event-info-row{
		flex-wrap:wrap;
		row-gap:28px
	}

	.tn-event-info-item{
		flex:1 1 42%
	}

	.tn-event-main-ticket-wrap{
		flex:1 1 100%;
		padding-left:0;
		border-left:0
	}
}
@media (max-width:700px){
	.tn-event-title{
		font-size:38px;
		line-height:1.07;
	}

	.tn-event-info-row{
		display:block;
		margin: 30px 0 0;
		padding: 30px 0;
	}

	.tn-event-info-item{
		width:100%;
		min-height:auto;
		padding:0 0 23px
	}

	.tn-event-info-item+.tn-event-info-item{
		padding:23px 0;
		border-top:1px solid rgba(195,163,106,.7);
		border-left:0
	}

	.tn-event-info-value{
		font-size:17px
	}

	.tn-event-main-ticket-wrap{
		width:100%;
		padding:26px 0 0;
		border-top:1px solid rgba(195,163,106,.7);
		border-left:0
	}

	.tn-event-main-ticket{
		width:100%
	}
}
/* - sekce event_banner */

/* + sekce vypis_akci */

.nocturna-events {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
    background: transparent;
}

.nocturna-events-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    width: 100%;
}

.nocturna-event-card {
    position: relative;
    min-height: 720px;
    overflow: hidden;
    border-radius: 6px;
    background-image: var(--event-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 10px 30px rgba(30, 10, 22, 0.16);
    isolation: isolate;
}

.nocturna-event-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        to bottom,
        rgba(10, 6, 9, 0.08) 0%,
        rgba(10, 6, 9, 0.12) 34%,
        rgba(75, 5, 39, 0.62) 58%,
        rgba(134, 16, 68, 0.94) 100%
    );
    transition: background 0.45s ease;
}

.nocturna-event-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72%;
    z-index: 2;
    background: linear-gradient(
        to bottom,
        rgba(134, 16, 68, 0) 0%,
        rgba(134, 16, 68, 0.4) 28%,
        rgba(119, 12, 60, 0.9) 68%,
        rgba(95, 11, 52, 0.98) 100%
    );
    transition: height 0.45s ease;
}

.nocturna-event-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding: 38px 38px 36px;
    box-sizing: border-box;
    color: var(--white);
}

.nocturna-event-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    font-family: var(--font_t);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

.nocturna-event-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.nocturna-event-separator {
    width: 1px;
    height: 20px;
    background-color: rgba(195, 163, 106, 0.7);
}

/* Společné nastavení SVG ikon */
.nocturna-event-svg {
    display: block;
    flex: 0 0 auto;
    width: 25px;
    height: 25px;
    color: var(--gold);
}

.nocturna-event-svg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nocturna-event-past {
	text-transform: uppercase;
	color: var(--bordo);
	background-color: var(--gold);
	display: block;
	position:absolute;
	left:0px;
	top:50px;
	height:50px;
	line-height:50px;
	padding:0 30px 0 18px;
	font-size: 20px;
	font-weight: 500;
	clip-path:polygon(0 0,100% 0,92% 100%,0 100%);
	background-clip: padding-box;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.nocturna-event-title {
    margin: 0 0 18px;
    font-family: var(--font_h);
    font-size: clamp(32px,3vw,48px);
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: -0.02em;
    color: var(--white);
    max-height: 5.2em;
	overflow: hidden;
}

.nocturna-event-place {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 0;
    font-family: var(--font_t);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    color: var(--gold);
}

.nocturna-event-place .nocturna-event-svg {
    width: 26px;
    height: 26px;
    margin-top: -2px;
}

.nocturna-event-more {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(24px);
    transition: 0.6s;
}

.nocturna-event-line {
    width: 28px;
    height: 1px;
    margin: 28px 0 20px;
    background-color: var(--gold);
}

.nocturna-event-label {
    margin: 0 0 9px;
    font-family: var(--font_t);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--gold);
}

.nocturna-event-performers {
    margin: 0;
    font-family: var(--font_t);
    font-size: clamp(14px, 1.3vw, 18px);
    font-weight: 400;
    line-height: 1.5;
    color: var(--white);
    max-height: 10.5em;
	overflow: hidden;
}

.nocturna-event-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    margin-top: 28px;
}

.nocturna-event-ticket,
.nocturna-event-detail {
    font-family: var(--font_t);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.025em;
}
.nocturna-event-ticket {
    border: 1px solid var(--gold) !important;
    font-size: 14px !important;
}
.nocturna-event-ticket:hover {
	color: var(--brown) !important;
}
.nocturna-event-detail {
	border-color: var(--gold) !important;
	font-size: 14px !important;
}
.nocturna-event-detail:hover {
	background-color: transparent !important;
	color: var(--gold) !important;
}

.nocturna-event-card:hover::before {
    background: linear-gradient(
        to bottom,
        rgba(10, 6, 9, 0.18) 0%,
        rgba(10, 6, 9, 0.28) 30%,
        rgba(70, 5, 37, 0.76) 58%,
        rgba(95, 11, 52, 0.98) 100%
    );
}

.nocturna-event-card:hover::after {
    height: 88%;
}

.nocturna-event-card:hover .nocturna-event-more,
.nocturna-event-card:focus-within .nocturna-event-more {
    max-height: 340px;
    opacity: 1;
    transform: translateY(0);
}
@media (min-width: 1101px) and (max-width: 1366px){
	a.nocturna-event-ticket.tlacitko,a.nocturna-event-detail.tlacitko {
		padding-left: 0.5em;
	}
}
@media (min-width: 1101px) {
	.nocturna-event-card:hover .nocturna-event-more { padding-bottom: 70px; }
	.nocturna-event-actions { position: absolute; bottom: 0; flex-wrap: nowrap;}
}
@media (max-width: 1600px) {
	.nocturna-event-card { box-shadow: 0 10px 20px rgba(30, 10, 22, 0.16); }
	.nocturna-event-card::before {
		background: linear-gradient( to bottom, rgba(10, 6, 9, 0.18) 0%, rgba(10, 6, 9, 0.28) 30%, rgba(70, 5, 37, 0.76) 58%, rgba(95, 11, 52, 0.98) 100% );
	}
}
@media (max-width: 1100px) {
    .nocturna-events-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nocturna-event-card {
        min-height: 680px;
    }

    .nocturna-event-more {
        max-height: 340px;
        opacity: 1;
        transform: translateY(0);
    }
    .nocturna-event-content {
        position: relative;
    }
}

@media (max-width: 700px) {
    .nocturna-events {
        padding: 20px 14px;
    }

    .nocturna-events-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .nocturna-event-card {
        min-height: 660px;
    }

    .nocturna-event-content {
        padding: 30px 24px 28px;
    }

    .nocturna-event-meta {
        font-size: 15px;
    }

    .nocturna-event-actions {
        align-items: stretch;
        gap: 14px;
    }

    .nocturna-event-ticket,
    .nocturna-event-detail {
        width: 100%;
    }

    .nocturna-event-detail {
        border: 1px solid rgba(195, 163, 106, 0.7);
    }
}
/* - sekce vypis_akci */

/* + sekce kocert_detail */

.tn-concert-fact-additional {
  display: block;
  padding-top: 25px;
  padding-bottom: 0;
  border-bottom: 0;
}
.tn-concert-fact-additional h4 {
	margin-bottom: 11px;
	color: var(--gold);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-family: var(--text_t);
}

.tn-concert-fact {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    width: 100%;
    margin: 0;
    padding: 18px 0;
    border-bottom: 1px solid var(--gold);
    gap: 24px;
    align-items: start;
    box-sizing: border-box;
}

.tn-concert-fact:first-child {
    padding-top: 0;
}

.tn-concert-fact dt,
.tn-concert-fact dd {
    min-width: 0;
    margin: 0;
    padding: 0;
}

.tn-concert-fact dt {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
}

.tn-concert-fact dd {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
}
@media (max-width: 1250px) {

    .tn-concert-fact {
        grid-template-columns: 155px minmax(0, 1fr);
        gap: 18px;
    }
}
@media (max-width: 950px) {
    .tn-concert-fact {
        grid-template-columns: 190px minmax(0, 1fr);
    }

}
@media (max-width: 700px) {

    .tn-concert-fact {
        display: block;
        padding: 16px 0;
    }

    .tn-concert-fact dt {
        margin-bottom: 5px;
    }
}
section.nocturna {
	--dive: 5rem;
}
section.nocturna .part100,
section.nocturna .part60,
section.nocturna .part50,
section.nocturna .part40,
section.nocturna .part33
	{ min-height: 100px; }
section.nocturna .parts_envelope {border-bottom: 1px solid var(--gold);}
section.nocturna:not(:has(~ section.nocturna))  .parts_envelope {border-bottom:none;}

section.nocturna h2 {
	text-transform: uppercase;
	color: var(--gold);
}
section.nocturna h2::after{
	content:"";
	height:2px;
	width: 52px;
	display: block;
	margin-top: 15px;
	background-color: var(--gold);
}
section.nocturna .parts_envelope.parts100.to_infinity:has(.in_article_map) { padding-bottom: 0; }
@media(min-width: 1366px){
	section.nocturna .parts_envelope {margin-top: 0; margin-bottom: 0; padding-top: var(--dive); padding-bottom: var(--dive);}
	section.nocturna .part33.p_1,
	section.nocturna .part33.p_2,
	section.nocturna .part60.p_1,
	section.nocturna .part50.p_1,
	section.nocturna .part40.p_1
		{ border-right: 1px solid var(--gold); }
	section.nocturna .part33 div.lightDark,
	section.nocturna .part40 div.lightDark,
	section.nocturna .part50 div.lightDark,
	section.nocturna .part60 div.lightDark
		{ margin-top: 0; margin-bottom: 0; }
	section.nocturna .lightDark h1,
	section.nocturna .lightDark h2,
	section.nocturna .lightDark h3,
	section.nocturna .lightDark h4,
	section.nocturna .lightDark p
		{ margin-top: 0; margin-bottom: 1em;}
}
@media(max-width: 1365px){
	section.nocturna .part33.p_1,
	section.nocturna .part33.p_2,
	section.nocturna .part60.p_1,
	section.nocturna .part50.p_1,
	section.nocturna .part40.p_1
		{ border-bottom: 1px solid var(--gold); }
}
/* - sekce kocert_detail */
/* + sekce search */

#people-search { position: relative; }
#people-search .err{position:absolute;left:5px;bottom:0px;z-index:3;margin-top:.35rem;padding:.35rem .6rem;font-size:.875rem;line-height:1.2;white-space:nowrap;color:#fff;background:var(--bordo);border-radius:.75rem;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}
#people-search.nets .err{opacity:1}

.tn-nl-section,
.tn-nl-section * {
    box-sizing: border-box;
}

.tn-nl-section {
    display: block;
    width: 100%;
    margin: 0 0 var(--small);
    padding: 70px 50px;
    background-color: #f2ede5;
}

.tn-nl-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0;
}

.tn-nl-copy {
    display: block;
    flex: 1 1 540px;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.tn-nl-heading {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: var(--font_h);
    font-size: clamp(46px, 3.4vw, 48px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -0.02em;
    color: var(--gold);
    text-transform: uppercase;
}

.tn-nl-divider {
    display: block;
    width: 145px;
    height: 1px;
    margin: 34px 0 27px;
    padding: 0;
    background-color: var(--gold);
}

.tn-nl-description {
    display: block;
    width: 100%;
    max-width: 590px;
    margin: 0;
    padding: 0;
    font-family: var(--font_t);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    color: var(--black);
}

.tn-nl-form {
    display: flex !important;
    align-items: stretch !important;
    flex: 1 1 680px;
    width: 100%;
    max-width: 760px;
    height: 90px;
    min-height: 90px;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--gold);
    border-radius: 0;
    background-color: #ffffff;
    overflow: hidden;
}

.tn-nl-form p,
.tn-nl-form div,
.tn-nl-form span {
    margin-top: 0;
    margin-bottom: 0;
}

.tn-nl-field {
    position: relative;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 88px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background-color: #ffffff;
}
.tn-nl-icon {
    position: absolute;
    left: 34px;
    top: 50%;
    z-index: 2;
    display: block;
    width: 26px;
    height: 26px;
    transform: translateY(-50%);
    pointer-events: none;
}

.tn-nl-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: var(--gold);
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tn-nl-form input.tn-nl-input {
    display: block !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 88px !important;
    min-height: 88px !important;
    margin: 0 !important;
    padding: 0 30px 0 82px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
    background-image: none !important;
    font-family: var(--font_t) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    color: var(--black) !important;
    appearance: none;
    -webkit-appearance: none;
}

/* Odstranění systémového křížku */
.tn-nl-form input.tn-nl-input::-webkit-search-cancel-button {
    display: none;
    appearance: none;
    -webkit-appearance: none;
}

.tn-nl-form input.tn-nl-input::placeholder {
    color: #777277 !important;
    opacity: 1;
}

.tn-nl-form input.tn-nl-input:focus {
    outline: 0 !important;
    box-shadow: inset 0 0 0 2px rgba(195, 163, 106, 0.25) !important;
}
.tn-nl-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 22px;
    flex: 0 0 250px;
    width: 250px;
    height: 88px;
    min-height: 88px;
    margin: 0 !important;
    padding: 20px 28px !important;
    border: 0 !important;
    border-left: 1px solid var(--gold) !important;
    border-radius: 0 !important;
    outline: 0;
    box-shadow: none !important;
    cursor: pointer;
    background-color: var(--gold) !important;
    font-family: var(--font_t) !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--black) !important;
    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}

.tn-nl-submit-arrow {
    display: inline-block;
    font-size: 27px;
    font-weight: 300;
    line-height: 1;
    transition: transform 0.25s ease;
}

.tn-nl-submit:hover {
    background-color: #6f002f !important;
    color: #ffffff !important;
}

.tn-nl-submit:hover .tn-nl-submit-arrow {
    transform: translateX(6px);
}

.tn-nl-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 1200px) {
    .tn-nl-container {
        gap: 60px;
    }

    .tn-nl-form {
        flex-basis: 600px;
    }

    .tn-nl-submit {
        flex-basis: 220px;
        width: 220px;
    }
}

@media (max-width: 980px) {
    .tn-nl-section {
        padding: 65px 35px;
    }

    .tn-nl-container {
        display: block;
    }

    .tn-nl-copy {
        width: 100%;
        max-width: 760px;
    }

    .tn-nl-form {
        width: 100%;
        max-width: 820px;
        margin-top: 42px !important;
    }
}

@media (max-width: 680px) {
    .tn-nl-section {
        padding: 55px 20px;
    }

    .tn-nl-heading {
        font-size: 46px;
    }

    .tn-nl-divider {
        width: 110px;
        margin: 28px 0 24px;
    }

    .tn-nl-description {
        font-size: 16px;
        line-height: 1.65;
    }

    .tn-nl-form {
        display: block !important;
        width: 100%;
        height: auto;
        min-height: 0;
        margin-top: 32px !important;
        border: 0;
        background: transparent;
        overflow: visible;
    }

    .tn-nl-field {
        width: 100%;
        height: 72px;
        border: 1px solid var(--gold) !important;
    }

    .tn-nl-form input.tn-nl-input {
        height: 70px !important;
        min-height: 70px !important;
        padding-left: 68px !important;
    }

    .tn-nl-icon {
        left: 24px;
        width: 23px;
        height: 23px;
    }

    .tn-nl-submit {
        width: 100%;
        height: 68px;
        min-height: 68px;
        margin-top: 12px !important;
        border: 1px solid var(--gold) !important;
    }
}

h3.search_result_title {margin-bottom: 0;}
div.search_result_header { padding-bottom: 2em; }
span.search_result_search_string { font-weight: bold; }

.search_result_line .label {
	display: inline-block;
	color: #FFF;
	padding: 0;
	line-height: 1;
	font-size: 0;
	text-decoration: none;
	margin-right: 1rem;
}
.search_result_line .label::after { display: block; width: 10px; height: 20px; border-radius: 50%; font-size: 26px; text-align: center; font-weight: bold;}
.d1 .search_result_line .label::after { color: var(--gold); content: "\266F";}
.d2 .search_result_line .label::after { color: var(--brown); content: "\266D"; }
.d3 .search_result_line .label::after { color: var(--bordo); content: "\1D11E";font-weight: normal; }

.search_result_line h3 {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	font-weight: normal;
	font-size: 1.2rem;
}
.search_result_line p { margin: 0; line-height: 1.2; }
.search_result_line {
	margin: 1rem 1rem var(--small);
	padding: 1rem;
	border-bottom: 1px dotted currentcolor;
	box-sizing: border-box;
}
.search_result_line.category {width: calc( 20% - 2rem);}
.search_result_line.article {width: calc( 33.3% - 2rem);}

.search_result_group {
	display: flex;
	flex-wrap: wrap;
}

details.search_details {
background: #fff;
padding: 0;
margin: 0 0 var(--small) 0;
overflow: hidden;
box-shadow: 0px 0px 15px #0000001A;
}
details.search_details summary {
cursor: pointer;
padding: 1rem;
font-size: 18px;
color: #FFF;
background: var(--bordo);
list-style: none;
}
details.search_details summary:hover {background: var(--pink);}
details.search_details.d1 summary { background-color: var(--gold);}
details.search_details.d1 summary:hover {background: var(--gold_dark);}
details.search_details.d2 summary { background-color: var(--brown);}
details.search_details.d2 summary:hover {background: var(--pink);}

details.search_details summary::-webkit-details-marker {
display: none;
}
details.search_details summary::before {
content: "▼";
display: inline-block;
margin-right: 1em;
transition: transform .25s ease;
}
details.search_details[open] summary::before {
transform: rotate(180deg);
}

@media(max-width: 1365px){
	.search_result_line.category {width: calc( 33.3% - 2rem);}
	.search_result_line.article {width: calc( 50% - 2rem);}
}
@media(max-width: 640px){
	.search_result_line { margin: 0 0 1rem; }
	.search_result_line.category {width: 100%;}
	.search_result_line.article {width: 100%;}
}

/* - sekce search */

/* + sekce partners */

#partners_header_h1 {
    padding: 70px 80px 0;
    margin: 0;
}
.tn-partners {
    width: 100%;
    padding: 70px 80px 65px;
    box-sizing: border-box;
    background: transparent;
}

.tn-partners-inner {
    width: 100%;
    max-width: none;
    margin: 0;
    box-sizing: border-box;
}

.tn-partners-group {
    width: 100%;
    margin-bottom: 68px;
}

.tn-partners-grid {
    display: grid;
    width: 100%;
    row-gap: 30px;
}

.tn-partners-grid-8 { grid-template-columns: repeat(8, minmax(0, 1fr));}
.tn-partners-grid-6 { grid-template-columns: repeat(6, minmax(0, 1fr));}
.tn-partners-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr));}
.tn-partners-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr));}
.tn-partners-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr));}
.tn-partners-grid-1 { grid-template-columns: repeat(1, minmax(0, 1fr));}

.tn-partner-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 110px;
    padding: 16px 24px;
    box-sizing: border-box;
}

.tn-partner-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 22%;
    width: 1px;
    height: 56%;
    background: rgba(195, 163, 106, 0.34);
}

.tn-partners-grid-8 .tn-partner-item:nth-child(8n + 1)::before,
.tn-partners-grid-6 .tn-partner-item:nth-child(6n + 1)::before,
.tn-partners-grid-4 .tn-partner-item:nth-child(4n + 1)::before,
.tn-partners-grid-3 .tn-partner-item:nth-child(3n + 1)::before,
.tn-partners-grid-2 .tn-partner-item:nth-child(2n + 1)::before,
.tn-partners-grid-1 .tn-partner-item:nth-child(1n + 1)::before
 {
    display: none;
}

.tn-partner-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 78px;
    text-decoration: none;
}

.tn-partner-logo {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 66px;
    object-fit: contain;
    transition: transform 0.28s ease, opacity 0.28s ease;
}

a.tn-partner-link:hover .tn-partner-logo {
    transform: scale(1.045);
    opacity: 0.86;
}

.tn-partners-text {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    color: var(--black);
    font-family: var(--font_t);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
    margin-bottom: 30px;
}

.tn-partners-text p {
    margin: 0;
}

@media screen and (max-width: 1250px) and (min-width: 901px){
    .tn-partners-grid-8,
    .tn-partners-grid-6,
    .tn-partners-grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .tn-partners-grid-8 .tn-partner-item::before,
    .tn-partners-grid-6 .tn-partner-item::before,
    .tn-partners-grid-4 .tn-partner-item::before
     {
        display: block;
    }

    .tn-partners-grid-8 .tn-partner-item:nth-child(4n + 1)::before,
    .tn-partners-grid-6 .tn-partner-item:nth-child(4n + 1)::before,
    .tn-partners-grid-4 .tn-partner-item:nth-child(4n + 1)::before {
        display: none;
    }
   
}

@media screen and (max-width: 900px) {
	#partners_header_h1 { padding: 60px 38px 0; }
    .tn-partners {
        padding: 60px 38px 55px;
    }

    .tn-partners-group {
        margin-bottom: 56px;
    }

    .tn-partners-grid-8,
    .tn-partners-grid-6,
    .tn-partners-grid-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tn-partners-grid-8 .tn-partner-item::before,
    .tn-partners-grid-6 .tn-partner-item::before,
    .tn-partners-grid-4 .tn-partner-item::before {
        display: block;
    }

    .tn-partners-grid-8 .tn-partner-item:nth-child(3n + 1)::before,
    .tn-partners-grid-6 .tn-partner-item:nth-child(3n + 1)::before,
    .tn-partners-grid-4 .tn-partner-item:nth-child(3n + 1)::before {
        display: none;
    }

    .tn-partners-text {
        font-size: 17px;
    }
}

@media screen and (max-width: 640px) {
	#partners_header_h1 {padding: 48px 24px 0; }
    .tn-partners {
        padding: 48px 24px 45px;
    }

    .tn-partners-grid-8,
    .tn-partners-grid-6,
    .tn-partners-grid-4,
    .tn-partners-grid-3
     {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 18px;
    }
    div.tn-partners-grid div.tn-partner-item::before { display: none !important;}
    div.tn-partners-grid div.tn-partner-item:nth-child(2n)::before { display: block !important; }

    .tn-partner-item {
        min-height: 94px;
        padding: 12px;
    }

    .tn-partner-link {
        height: 68px;
    }

    .tn-partner-logo {
        max-width: 125px;
        max-height: 54px;
    }

    .tn-partners-text {
        font-size: 16px;
        line-height: 1.7;
    }
}

@media screen and (max-width: 390px) {
	#partners_header_h1,
    .tn-partners {
        padding-left: 20px;
        padding-right: 20px;
    }

    .tn-partner-logo {
        max-width: 112px;
        max-height: 50px;
    }
}
/* - sekce partners */

/* + sekce newsletter */

/* Skrytý antispam Mailchimp */
.tn-nl-honeypot {
    position: absolute !important;
    left: -5000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}
.newsletter.tn-nl-section { margin-bottom: 0; }
.newsletter .tn-nl-container { gap: 10px;}
/* - sekce newsletter */