@charset "utf-8";
@font-face { 
	font-family: 'sonfon'; 
	src: url('../media/fonts/sonfon2.ttf');
}

nav.top {
	padding-bottom: 9px;
	border-bottom: solid 3px var(--vc3);
}

a.mnav {
	text-decoration: none;
	font-size: 36px;
	font-weight: 600;
	color: var(--vc1);
	background-color: transparent;
	padding: 7px 14px;
	border-radius: 50ex;
}
a.mnav:hover {
	text-decoration: none;
	color: var(--vc2);
	background-color: var(--bc2);
}

a.mnav.pointernav {
	text-decoration: none;
	color: var(--vc1);
	background-color: var(--bc2);
}
a.mnav.pointernav:hover {
	text-decoration: none;
	color: var(--bc3);
	background-color: var(--bc2);
}

.gknav {
	text-decoration: none !important;
	font-size: 20px;
	font-weight: 600;
	color: var(--vc1);
	background-color: transparent;
	padding: 7px 14px;
	border-radius: 50ex;
	white-space: nowrap;
}
.gknav:hover {
	text-decoration: none !important;
	background-color: var(--bc2);
}

.gknav.pointer {
	text-decoration: none !important;
	background-color: var(--bc2);
}
.gknav.pointer:hover {
	text-decoration: none !important;
	background-color: var(--bc2);
}

.tlogo {
	width: 100%;
}

.tnbut {
	margin: 5px 8px; 
}

.imgcase {
	border-radius: 6px;
}
img {
	border-radius: 5px;
}

td.pointer {
	text-decoration: none;
	background-color: var(--bc2);
}

.wtrns {
	background-color: var(--bc1t75);
}


.ligkat {
	display: inline;
}

#refgallerie {
  line-height: 0;
   
  -webkit-column-count: 4;
  -webkit-column-gap:   0px;
  -moz-column-count:    4;
  -moz-column-gap:      0px;
  column-count:         4;
  column-gap:           0px;  
}

#refgallerie img {
  width: 100% !important;
  height: auto !important;
}

@media only screen and (min-width: 1200px) {
.ligkat {
	display: inline;
}

a.mnav {
	font-size: 32px;
}
	#refgallerie {
	  line-height: 0;
	   
	  -webkit-column-count: 4;
	  -webkit-column-gap:   0px;
	  -moz-column-count:    4;
	  -moz-column-gap:      0px;
	  column-count:         4;
	  column-gap:           0px;  
	}

}

/*		Wide Mobile Layout: 720px.   */

@media only screen and (min-width: 768px) and (max-width: 1199px) {
.tlogo {
	width: 100%;
}
.ligkat {
	display: inline;
}
a.mnav {
	font-size: 2.8vw;
}
	#refgallerie {
	  line-height: 0;
	   
	  -webkit-column-count: 3;
	  -webkit-column-gap:   0px;
	  -moz-column-count:    3;
	  -moz-column-gap:      0px;
	  column-count:         3;
	  column-gap:           0px;  
	}

}
/*		Small Mobile Layout: 480px.   */

@media only screen and (max-width: 767px) {
.tlogo {
	width: 100%;
}

a.mnav {
	font-size: 4.3vw;
	padding: 2vw 4vw;
}
.ligkat {
	display: block;
	width: 100%;
}
.gknav {
	width: 100%;
}
	#refgallerie {
	  line-height: 0;
	   
	  -webkit-column-count: 2;
	  -webkit-column-gap:   0px;
	  -moz-column-count:    2;
	  -moz-column-gap:      0px;
	  column-count:         2;
	  column-gap:           0px;  
	}

}