@import url('https://fonts.googleapis.com/css?family=Libre+Franklin|Montserrat');
html,
body,
header

{
	/*background: url("../images/richterswil_bg.jpg")no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 100% 100%;
	height: 100%;*/
	font-family: 'Libre Franklin', sans-serif;
	font-size:100%;

}


input:required:invalid, input:focus:invalid {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
	background-position: right top;
	background-repeat: no-repeat;

}
input:required:valid {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
	background-position: right top;
	background-repeat: no-repeat;
}

.navbar{
	min-height: 20px;
	background-color:rgb(34, 29, 45,.9)!important;
	box-shadow: 0px 5px 9px #888888;
}



.multishadow{
	font-size: 4em;
	text-shadow:
	-2ex 2ex 4px #9bbcbf,
	1em -2ex 2px #ddd
}

.schrink{
    font-size:75%;
}

.logo{
	width=40px;
  padding-top:3px;
}

.hidden{
	display:none;
	visibility:hidden;
}


#link{
  color:#fff;
}


/* unvisited link */
a:link {
	 color:rgb(175, 164, 172);
}

/* visited link */
a:visited {
	 color:#fff;
}

/* mouse over link */
a:hover {
	 color:rgb(167, 157, 182);

}

/* selected link */
a:active {
	 color:rgb(51, 36, 74);
}

.white{
  color:#fff!important;
}
.orange{
 color:#f07a00!important;
}
.blue{
color:#0d2ac2!important;
}
.space_10px
{
	height: 10px;
}

.space_20px
{
	height: 20px;
}

.space_50px
{
	height: 50px;
}

.space_100px
{
	height: 100px;
}
.space_200px
{
	height: 200px;
}
.silver_gradient
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,f5f6f6+11,dbdce2+21,dddfe3+64,b8bac6+79,f5f6f6+100 */
	background: #f5f6f6; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f5f6f6 0%, #f5f6f6 11%, #dbdce2 21%, #dddfe3 64%, #b8bac6 79%, #f5f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f5f6f6 0%,#f5f6f6 11%,#dbdce2 21%,#dddfe3 64%,#b8bac6 79%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f5f6f6 0%,#f5f6f6 11%,#dbdce2 21%,#dddfe3 64%,#b8bac6 79%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	opacity: 0.85;
	border-radius: 15px;
}

.black_gradient{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#959595+0,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100;Black+Gloss+Pipe */
	background: #959595; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#FFF;
 max-width: 100%;

}


	.encasing{
		border-radius:15px;
		border-style:inset;
		/*border-color:#0fec96;*/
		border-color:#2e3030;
		padding:20px 20px 20px;
		margin:5px 5px 5px;
		/*background-color:#212121;*/
	
	}
	
	.engraved {
		color: #f1f1eb;
		background-color: #666;
		text-shadow: 0px 1px 0px rgba(255,255,255,.5); /* 50% white from bottom */
	}

#block
{
	background-color:#d4cedf;
	border-radius: 15px;
	filter: alpha(opacity=95);
	/* IE */
	-moz-opacity: 0.95;
	/* Mozilla */
	opacity: 0.95;
	padding: 10px;
	margin-bottom: 5px;
}

#block:hover
{
	box-shadow:4px 4px 8px #4b1588;

}
#bg_pattern
{
	background-image: url(../images/pattern.png);
	background-repeat:repeat;
	/*background-color: #a480d9;*/
	background-color: transparent;
	position: fixed;
	filter:hue-rotate(50deg);
	filter:saturate(5);
	filter:opacity(80%);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:-1;
}


	#bg_image{
		background-image: url(../images/dark-street.jpg);
		background-size:cover;
		filter:hue-rotate(90deg);
		filter:saturate(5);
		filter:sepia(10%);
		filter:contrast(180%)brightness(90%);
		filter:contrast(120%);
		filter:opacity(70%);
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index:-1;
	}

#case{
/*color:rgb(71, 68, 65);*/
/*background-color:rgb(235, 214, 188);*/
padding:20px;
color:#000;
background-color:#fff;
opacity:0.90;
border-radius:20px;
border-style:groove;
border-color:#000;
line-height:1.8em;
}
.footer
{
	background-color:rgb(34, 29, 45,.9)!important;
	box-shadow: 0px -7px 9px #888888;
	height:50px;
	padding-top:15px;
	color: #fff;
	font-size: 0.85em;
	opacity: 1.0;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100;
}
.footer a
{
	color: #efefef;
}


@media screen and (max-width:480px){
	body{
			font-size:10px;
			padding:0px;
	}


.footer{
font-size: 10px;
height:60px;
padding-top:5px;
padding-bottom: 5px;
}
.logo{
	display:none;
}
img
{
width:100px;
height:auto;
}

}