:root {
	--lang_size: 32px;
	--red: #e31e24;
	--green: #5eb351;
	--orange: #ef7f1a;
	--blue: #6fc1e4;
	--barva1: var(--red);

	--tlacitko_text: #FFF;
	--tlacitko_text_hover: var(--tlacitko_text);
	--tlacitko_bg: var(--green);
	--tlacitko_bg_hover: var(--green);

	--mobile_ul_li_bg: #FFFD;
}

html {scroll-behavior: smooth;}

h1, h2, h3 { color: var(--red); }

#volby-languages { display: none; }
#float_icons_part_3 a img { width: var(--lang_size); height: var(--lang_size); max-width: var(--lang_size); margin: 0; padding: 0; opacity: 0; }
#float_icons_part_3 a { border: 1px solid var(--red); position: relative; text-decoration: none; color: var(--red);}
#float_icons_part_3 a:hover { background-color: var(--red); color: #FFF; }
#float_icons_part_3 a::after { position: absolute; top: 0; left: 0; display: block; width: var(--lang_size); height: var(--lang_size); line-height: var(--lang_size); text-align: center; font-weight: bold;}
#floatingImage_1::after { content: "CZ"; }
#floatingImage_2::after { content: "DE"; }
#floatingImage_3::after { content: "EN"; }

a.floatingImage img { max-width: 100%; }
#float_icons_part_7 a.floatingImage { max-width: 9%; margin: 0.5%; }

ul#m0 li a {  }
ul#m0 li:nth-child(1) { border-bottom-color: var(--red);}
ul#m0 li:nth-child(2) { border-bottom-color: var(--orange);}
ul#m0 li:nth-child(3) { border-bottom-color: var(--blue);}
ul#m0 li:nth-child(4) { border-bottom-color: var(--green);}
ul#m0 li:nth-child(1) a { background-color: var(--red);color: #FFF;}
ul#m0 li:nth-child(2) a { background-color: var(--orange);color: #FFF;}
ul#m0 li:nth-child(3) a { background-color: var(--blue);color: #FFF;}
ul#m0 li:nth-child(4) a { background-color: var(--green);color: #FFF;}

@media(max-width: 1365px) {
	#float_icons_part_7 a.floatingImage { max-width: 15%; margin: 0.75%; }
}

@media(max-width: 860px) {
	#float_icons_part_7 a.floatingImage { max-width: 18%; margin: 1%; }
}

@media(max-width: 640px) {
	###float_icons_part_7 a.floatingImage { max-width: 29%; margin: 2%; }
	###float_icons_part_7 a.floatingImage { max-width: 23%; margin: 1%; }

	a#hor-res-menu-button { transform: translateY(0); top: 45px !important;  }
}
