@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");
@import url("font-awesome.min.css");

/*
	Parallelism by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Basic */

	body {
		position: relative;
		background-color: #12151D;
		color: #999;
		color: rgba(255, 255, 255, 0.6);
		font-family: 'Source Sans Pro';
		font-weight: 400;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	a {
		color: #fff;
		color: rgba(255, 255, 255, 0.85);
		text-decoration: none;
		-moz-transition: color 0.25s ease-in-out;
		-webkit-transition: color 0.25s ease-in-out;
		-ms-transition: color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out;
	}

		a:hover {
			color: #d64760;
		}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
		color: #fff;
		letter-spacing: -0.05em;
	}

	strong {
		color: #fff;
		color: rgba(255, 255, 255, 0.8);
		font-weight: 600;
	}
	strong, b {
		color: #fff;
		color: rgba(255, 255, 255, 0.35);
		font-weight: 600;
	}

/* List */

	ul.contact {
		cursor: default;
		margin: 0 0 1em 0;
	}

		ul.contact li {
			display: inline-block;
			font-size: 1.5em;
		}

			ul.contact li span {
				display: none;
			}

			ul.contact li a {
				opacity: 0.35;
				color: #fff;
				-moz-transition: opacity 0.25s ease-in-out;
				-webkit-transition: opacity 0.25s ease-in-out;
				-ms-transition: opacity 0.25s ease-in-out;
				transition: opacity 0.25s ease-in-out;
			}

				ul.contact li a:hover {
					opacity: 1.0;
				}

		ul.products {
		cursor: default;
		margin: 0 0 1em 0;
	}

		ul.products li {
			display: inline-block;
			font-size: 1.0em;
		}

			ul.products li span {
				display: none;
			}

			ul.products li a {
				opacity: 1.0;
				color: #fff;
				-moz-transition: opacity 0.25s ease-in-out;
				-webkit-transition: opacity 0.25s ease-in-out;
				-ms-transition: opacity 0.25s ease-in-out;
				transition: opacity 0.25s ease-in-out;
			}

				ul.products li a:hover {
					opacity: 1.0;
					color: #a48623
				}

/* Item */

	.item {

		width: 500px;
	}

	.item.thumb {
		display: block;
		position: relative;
		background: rgba(18, 21, 29, 0.2);
		/*background: rgb(164, 134, 35, 0.2); goldgelb ton*/

		cursor: default;
	}

		.item.thumb h2 {
			position: absolute;
			bottom: 0;
			left: 0;
			
			background: rgba(18, 21, 29, 0.7);
			width: 100%;
			padding: 1em;
			font-weight: 400;
			line-height: 1em;
			z-index: 2;
		}

		.item.thumb img {
			display: block;
			z-index: 1;
		}

/* Icons */

	.icon {
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}
.icon-gold {
		position: relative;
		text-decoration: blink;
		color: #a48623
	}

		.icon-gold:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
			color: #7a641a;
			/*color: #a48623 Goldton heller*/
		}

		.icon-gold > .label {
			display: none;
		}

/* Wrapper */

	#wrapper {
		position: relative;
		z-index: 0;
	}

/* Main */

/* Header */

	#header {
		position: center;
		background: rgba(0, 0, 0, 0.8) url(""); 
		color: #fff;
		cursor: default;
	}

		#header p {
			opacity: 0.65;
		}
	/*	#header img {
 				 max-width: 100%;
  				max-height: 100%;
 				 width: auto;
 				 height: auto;
 				 padding: 1em;
				}*/

/* Desktop */

	@media screen and (min-width: 737px) {

		/* Basic */

			html {
				height: 100%;
			}

			body {
				background-image: url("images/overlay.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.65)), url("../../images/bg.jpg");
				background-image: url("images/overlay.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.65)), url("../../images/bg.jpg");
				background-image: url("images/overlay.png"), -ms-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.65)), url("../../images/bg.jpg");
				background-image: url("images/overlay.png"), linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.65)), url("../../images/bg.jpg");
				background-position: ;
				background-size: auto, 100% 100%, cover;
				background-repeat: repeat, no-repeat, auto;
				padding: 0;
				font-size: 12pt;
				line-height: 1.75em;
				height: 100%;
				min-height: 450px;
				min-width: 1000px;
			}

		/* List */

			ul.contact {
				margin-bottom: 0.5em;
			}

				ul.contact li {
					margin-left: 1em;
				}

		/* Wrapper */

			#wrapper {
				height: 100%;
				overflow: hidden;
				-moz-transition: -moz-filter 0.25s ease-in-out;
				-webkit-transition: -webkit-filter 0.25s ease-in-out;
				-ms-transition: -ms-filter 0.25s ease-in-out;
				transition: filter 0.25s ease-in-out;
			}

				#wrapper.overlayed {
					-moz-filter: blur(3px);
					-webkit-filter: blur(3px);
					-ms-filter: blur(3px);
					filter: blur(3px);
				}

		/* Main */

			#main {
				width: 100%;
				position: absolute;
				/*overflow: hidden;*/
			}

		/* Reel */

			#reel {
				position: relative;
				opacity: 0;
			}

				#reel .item {
					display: block;
					float: left;
					position: relative;
					overflow: hidden;
					
				}

		/* Header */

			#header {
				padding: 0.7em;
				/*xmin-height: 212px;*/
				vertical-align: middle;
				
			}

				#header:before {
					content: '';
					display: inline-block;
					height: 100%;
					vertical-align: middle;
				}

				#header .inner {
					display: block;
					vertical-align: middle;
					background-position: center center;
					background-size: cover;
					width: 95%;

				}

				#header h1 {
					font-size: 3em;
					line-height: 1,5em;
				}

				#header p {
					font-size: 1.25em;
					line-height: 1em;
					margin: 0.5em 0 0 0;
				}
				/*#header img {
 				 max-width: 100%;
  				max-height: 100%;
 				 width: auto;
 				 height: auto;
 				 padding: 0.5em;

				}*/

		/* Footer original*/

			#footer {
				position: fixed;
				bottom: 0;
				left: 0;
				width: 100%;
				overflow: hidden;

			}

				#footer h2 {
					font-size: 2.25em;
					margin: 0 0 1em 0;
				}

				#footer .left {
					padding: -2em;
					text-align: left;
					position: absolute;
					bottom: 0;
					padding: 2em;
				}
				#footer .center {
					position: relative;
					bottom: 0;
					right: 0;
					padding: 1em;
					text-align: center;
				}
				#footer .right {
					position: absolute;
					bottom: 0;
					right: 0;
					padding: 2em;
					text-align: right;
				}

				#footer .copyright li {
					display: inline-block;
					margin-left: 1em;
					padding-left: 1em;
					border-left: solid 1px #333;
					border-left-color: rgba(255, 255, 255, 0.25);
					line-height: 1em;
				}

					#footer .copyright li:first-child {
						border-left: 0;
						margin-left: 0;
						padding-left: 0;
					}


			
			


		/* Popup */

			.poptrox-popup {
				background: #1a1f2c;
				background: rgba(18, 21, 29, 0.9);
				box-shadow: 0px 0px 0px 10px #fff, 0px 10px 60px 10px rgba(8, 11, 19, 0.55);
				cursor: default;
			}

				.poptrox-popup .loader {
					display: block;
					width: 48px;
					height: 48px;
					position: absolute;
					top: 50%;
					left: 50%;
					margin: -24px 0 0 -24px;
					background: url("images/loader.gif");
					opacity: 0.25;
				}

				.poptrox-popup .caption {
					position: absolute;
					bottom: 0;
					left: 0;
					background: #1a1f2c;
					background: rgba(18, 21, 29, 0.85);
					display: block;
					width: 100%;
					line-height: 75px;
					text-align: center;
					font-size: 1.25em;
					color: #fff;
				}

				.poptrox-popup .nav-next, .poptrox-popup .nav-previous, .poptrox-popup .closer {
					text-decoration: none;
					font-weight: normal;
					font-style: normal;
					-moz-transition: opacity 0.25s ease-in-out;
					-webkit-transition: opacity 0.25s ease-in-out;
					-ms-transition: opacity 0.25s ease-in-out;
					transition: opacity 0.25s ease-in-out;
					opacity: 0.35;
				}

					.poptrox-popup .nav-next:hover, .poptrox-popup .nav-previous:hover, .poptrox-popup .closer:hover {
						opacity: 1.0;
					}

				.poptrox-popup .nav-next, .poptrox-popup .nav-previous {
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
					text-transform: none !important;
					width: 150px;
					height: 75px;
					position: absolute;
					bottom: 0;
					cursor: pointer;
					font-size: 3em;
					line-height: 75px;
				}

				.poptrox-popup .nav-next {
					right: 0;
					text-align: right;
					padding-right: 30px;
				}

					.poptrox-popup .nav-next:before {
						content: '\f105';
					}

				.poptrox-popup .nav-previous {
					left: 0;
					text-align: left;
					padding-left: 30px;
				}

					.poptrox-popup .nav-previous:before {
						content: '\f104';
					}

				.poptrox-popup .closer {
					width: 35px;
					height: 35px;
					font-size: 2em;
					line-height: 35px;
					text-align: center;
					position: absolute;
					top: -70px;
					right: -70px;
					cursor: pointer;
					border-radius: 40px;
					box-shadow: 0px 0px 0px 1px #fff;
				}

					.poptrox-popup .closer:before {
						content: "\00d7";
					}

	}
	@media screen and (max-width: 1400px) {

/* Main */

			#main {
				overflow: ;/*hidden*/
			}


		/* Footer NEU */

			#footer {
				padding: 4em 1em;
				text-align: center;
				
			}

				#footer br {
					display: none;
				}

				#footer .left {

					text-align: center;
					padding: 2em 2em;
				
				}

				#footer .right {
					border-top: solid 0px rgba(255, 255, 255, 0.1);
					margin: 4em 0 0 0;
					padding: 4em 0 0 0;
					bottom: 0;
					text-align: center;
				}

				#footer .copyright {
					margin: 2em 0 0 0;
					bottom: 0;
				}
			}


/* Mobile */

	@media screen and (max-width: 736px) {

		/* Basic */

			body {
				font-size: 12pt;
				line-height: 1.75em;
			}


		/* List */

			ul.contact li {
				margin: 0 0.35em 0 0.35em;
			}

		/* Item */

			.item {
				border: 0;
			}


				
				.item.thumb {
					width: 50%;
					float: left;
					height: 12em;
					position: relative;
				}

					.item.thumb h2 {
						display: ;
					}

					.item.thumb a {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
					}

					.item.thumb img {
						display: ;
					}
				

		/* Wrapper */

			#wrapper.overlayed {
				-moz-filter: blur(1px);
				-webkit-filter: blur(1px);
				-ms-filter: blur(1px);
				filter: blur(1px);
			}

		/* Header */

			#header {
				
				text-align: center;
				width: 100%;
				height: auto;
				background-size: ;
				padding: 0.5em 0.5em;

			}

				#header h1 {
					font-size: 1em;
				}

				#header p {
					font-size: 1em;
					line-height: 1.5em;
					margin: 0 0 0 0;
				}
				
				#header .item {
					align-content: center;
					padding: 0em;
					margin: 1em;
				}
#header img {
  background-position: center center;
  max-width: 10%;
  max-height: 22%;
  padding: 20%;
  margin: -5%;
  
  align-items: center;
  background-size: inherit;/*inherit*/

}
		/* Main */

			#main {
				overflow: hidden;
			}

		/* Footer */

			#footer {
				padding: 4em 1em;
				text-align: center;
			}

				#footer br {
					display: none;
				}

				#footer .right {
					border-top: solid 1px rgba(255, 255, 255, 0.1);
					margin: 4em 0 0 0;
					padding: 4em 0 0 0;
				}

				#footer .copyright {
					margin: 2em 0 0 0;
				}

		/* Popup */

			.poptrox-popup {
				background: #0a0f1c;
				box-shadow: 0px 0px 30px 10px rgba(8, 11, 19, 0.85);
				border: solid 2.5px #fff;
				-moz-box-sizing: content-box;
				-webkit-box-sizing: content-box;
				-ms-box-sizing: content-box;
				box-sizing: content-box;
			}

	}

@media screen and (max-width: 414px) {



			/* Item */

			.item {
				border: 0;
			}


				
				.item.thumb {
					width: 50%;
					float: left;
					height: 9em;
					position: relative;
					padding: 10%;
					background-position: none;
				}

					.item.thumb h2 {
						display: ;
					}

					.item.thumb a {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						
					}

					.item.thumb img {
							position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
					background-position-x: unset;
						background-position-y: unset; 

					}

} 
@media screen and (min-width: 769px) {
#onlineshop {
	z-index: 100000;
position: absolute;
right: 15%;
top: 15px;
width: 20%;
position: fixed;

}
}
@media screen and (min-width: 415px) and (max-width: 768px) {
#onlineshop {
	z-index: 100000;
position: absolute;
right: 50%;
top: 2px;
width: 5%;
position: fixed;
}
}
@media screen and (max-width: 415px){
#onlineshop {
	display: none;
	}}


@media screen and (min-width: 415px){
#onlineshop2 {
	display: none;
	}}
@media screen and (min-width: 0px) and (max-width: 414px) {
#onlineshop2 {
	z-index: 100000;
position: absolute;
right: 40%;
top: 90px;
width: 5%;
position: fixed;
}
}