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


a.mnav {
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
	color: var(--vc1);
	background-color: transparent;
	padding: 8px 8px;
	margin: 8px 8px;
	border-radius: 20px
}
a.mnav:hover {
	text-decoration: none;
	color: var(--vc2);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.3),
			-4px -4px 4px rgba(255,255,255,0.1);
	background-color: var(--bc2t90);
}

a.tnav.pointernav {
	text-decoration: underline;
	color: var(--vc1);
}
a.tnav.pointernav:hover {
	text-decoration: none;
}

a.mnav.pointernav {
	text-decoration: none;
	color: var(--vc1);
	background-color: var(--bc1t90);
	box-shadow: -4px -4px 4px rgba(0,0,0,0.3),
			4px 4px 4px rgba(255,255,255,0.1);
	border-radius: 20px;
}
a.mnav.pointernav:hover {
	text-decoration: none;
	color: var(--vc2);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.3),
			-4px -4px 4px rgba(255,255,255,0.1);
	background-color: var(--bc2t90);
}

.ninanav, .fodnavline {
	color: var(--vc1);
	background-color: var(--bc2);
}

.topnavline, .botnavline, .ddmain {
	color: var(--vc1);
	background-color: var(--bc3t90);
}

.botnavline{
	overflow-x: hidden;
}

.topnav > .linav {
	padding-top: 6px;
	padding-bottom: 0px;
	display: inline-block;	
}

.topnavline > .topnav > .linav {
	margin-top: -4px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline-block;	
}

.tnbut {
	margin: 5px 8px; 
}

section {
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 16px;
	background-color: var(--bc3t90);
	
	overflow-x: hidden;
}

.btrns {
	background-color: var(--bc1t75);
	border-radius: 8px;
}

body {
	animation: bganimate 120s linear infinite;
}

.sontit {
	background: linear-gradient(to bottom right, #88AAff, #88AAff, #FF88FF, #FFFF44, #FFFF44);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.ferientit {
	background: linear-gradient(to bottom right, #AACCff, #AACCff, #FF88FF, #FFFF44, #FFFF44);
	-webkit-background-clip: text;
	background-clip: text;
	font-size: 4vw;
}

.xxltitfon {
	font-size: 7.0vw;
}

@keyframes bganimate {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -1384px 692px;
	}
}

#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;
}

.imgcase, .tbborder, .imgbox {
	border-radius: 8px;
}

@media only screen and (min-width: 1600px) {
	.main {
		padding-top: 96px !important;
	}
	.kontent {
		width: 1540px;
		margin: 0 auto; 
		margin-top: 16px;
		padding-left: 8px;
		padding-right: 8px;
	}
	#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: 992px) and (max-width: 1599px) {
	.main {
		padding-top: 96px !important;
	}
	.kontent {
		width: 99%;
		margin-top: 16px;
		padding-left: 8px;
		padding-right: 8px;
	}
	#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: 991px) {
	.main {
		padding-top: 96px !important;
	}
	.kontent {
		width: 99%;
		margin-top: 16px;
		padding-left: 8px;
		padding-right: 8px;
	}
	#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;  
	}
.ferientit {
	font-size: 8vw;
}
	
}