﻿@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'spirequal_lightregular';
    src: url('spireq_l-webfont.eot');
    src: url('spireq_l-webfont.eot?#iefix') format('embedded-opentype'),
         url('spireq_l-webfont.woff2') format('woff2'),
         url('spireq_l-webfont.woff') format('woff'),
         url('spireq_l-webfont.ttf') format('truetype'),
         url('spireq_l-webfont.svg#spirequal_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Common */
html, body {
	background:#eaeaea;
	font-size:12px;
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	min-width:860px;
	max-width:100%;
	margin:0;
	padding:0;
	color:#aaa;
}
html a {
	text-decoration:none;
}
/*top Navigation*/

#top-nav {
	background-color:black;
	top:0;
	left:0;
	color:whitesmoke;
	height:24px;
		line-height: 28px;
	font-size: 18px;
	width: 100%;
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 9;
	position:fixed;
	top:0;
	padding:0 0 0 15px;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
}
#top-nav h4{
	font-family: Arial, sans-serif;
	line-height: 28px;
	font-size: 18px;
		opacity: 0.9;
	text-transform: uppercase;
	z-index: 9;
	position: fixed;
	top:0;
	left:5%;
	vertical-align:central;

}
#top-nav a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
#top-nav a:hover{
	color: #fff;
}
#top-nav span.right{
	float: right;
	margin-right:15px;
}
#top-nav span.right a{
	float: none;
	display: inline;
}

.content h1 {
	font-size:48px;
	color:#000;
	text-shadow:0px 1px 1px #f4f4f4;
	text-align:center;
	padding:60px 0 30px;	
}

.ghost-btn {
	border:thick rgba(0,0,0,0.3) outset;
	padding: 5px;
	color:rgba(255,255,255,0.3);
	font-weight:600;
		font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
		letter-spacing:1.2px;
	border-radius:7px;
	box-shadow:3px 3px 20px 1.5px black;
	margin: 0 0 50px 50px ;
}
.ghost-btn:hover {
	background-color:rgba(255,255,255,0.3);
	color:rgba(255,255,255,0.8);
}

/* LAYOUT */
.container {
	overflow:hidden;
	width:100%;
	max-width:100%;
}
.container-hunt {
	overflow:hidden;
	width:100%;
	max-width:100%;
	
}


/* CONTENT SLIDER */
#content-slider {
	width:100%;
	height:100%;
	
}
/* SLIDER */
#slider {
	background:#000;
	box-shadow:1px 1px 5px rgba(0,0,0,0.7);
	height:100%;
	width:100%;
	margin: auto 0;
	overflow:visible;
	position:relative;
}
#mask {
font-family: Arial, sans-serif;
	overflow:hidden;
	height:760px;
	text-transform: uppercase;
}
#slider ul {
	margin:0;
	padding:0;
	position:relative;
}
#slider li {
	width:680px;
	height:320px;
	position:absolute;
	top:-325px;
	list-style:none;
}

#slider li.firstanimation {
	-moz-animation:cycle 35s linear infinite;	
	-webkit-animation:cycle 35s linear infinite;		
}
#slider li.secondanimation {
	-moz-animation:cycletwo 35s linear infinite;
	-webkit-animation:cycletwo 35s linear infinite;		
}
#slider li.thirdanimation {
	-moz-animation:cyclethree 35s linear infinite;
	-webkit-animation:cyclethree 35s linear infinite;		
}
#slider li.fourthanimation {
	-moz-animation:cyclefour 35s linear infinite;
	-webkit-animation:cyclefour 35s linear infinite;		
}
#slider li.fifthanimation {
	-moz-animation:cyclefive 35s linear infinite;
	-webkit-animation:cyclefive 35s linear infinite;		
}

#slider .tooltip {
	background:rgba(0,0,0,0.3);
	padding: 0 0 30px 0;
	width:auto;
	height:auto;
	position:relative;
	bottom:200%;
	left:320px;
	margin-bottom:100px;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}
#slider .tooltip h1 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 90px;
    padding: 0 0 0 5%;
    line-height: 150px;
	color: rgba(255,255,255, 0.8);
	font-weight:900;
	text-align:left;
}
#slider .tooltip h4 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 40px;
    padding: 0 0 5% 5%;
	color: rgba(255,255,255, 0.8);
	font-weight:900;
	text-align:left;
}

#slider li#first .tooltip, 
#slider li#second .tooltip, 
#slider li#third .tooltip, 
#slider li#fourth .tooltip, 
#slider li#fifth .tooltip {
	left:0px;
}
img.scale {
	width:250%;
	height:760px;
}
.credit {
	font-size:xx-small;
	text-align:left;
	color:rgba(255,255,255,0.6);
	clear:both;
	bottom:20px;
	padding-left:50px;
}
.credit a {
	color:rgba(255,255,255,0.6);
}
/* PROGRESS BAR */
.progress-bar { 
	position:relative;
	top:-5px;
	width:680px; 
	height:5px;
	background:#000;
	-moz-animation:fullexpand 35s ease-out infinite;
	-webkit-animation:fullexpand 35s ease-out infinite;
}

/*reset.css*/
/* 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;
}
/* HTML5 display-role reset for older browsers */
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;
}
#head:in-range {
top:150px;
	
}
#head:target {
	
}
/*animation.css*/
/* ANIMATION */
@-moz-keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; } 
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:325px; opacity:0; z-index:0; } 
	21% { top:-325px; opacity:0; z-index:-1; }
	92% { top:-325px; opacity:0; z-index:0; }
	96% { top:-325px; opacity:0; }
	100%{ top:0px; opacity:1; }
	
}
@-moz-keyframes cycletwo {
	0%  { top:-325px; opacity:0; }
	16% { top:-325px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:325px; opacity:0; z-index:0; }
	41% { top:-325px; opacity:0; z-index:-1; } 
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclethree {
	0%  { top:-325px; opacity:0; }
	36% { top:-325px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; } 
	60% { top:325px; opacity:0; z-index:0; }
	61% { top:-325px; opacity:0; z-index:-1; } 
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefour {
	0%  { top:-325px; opacity:0; }
	56% { top:-325px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	76% { top:0px; opacity:1; z-index:0; }
	80% { top:325px; opacity:0; z-index:0; }
	81% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefive {
	0%  { top:-325px; opacity:0; }
	76% { top:-325px; opacity:0; }
	80% { top:0px; opacity:1; }
	84% { top:0px; opacity:1; }
	96% { top:0px; opacity:1; z-index:0; }
	100%{ top:325px; opacity:0; z-index:0; }
}

@-webkit-keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; }
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:325px; opacity:0; z-index:0; }
	21% { top:-325px; opacity:0; z-index:-1; }
	50% { top:-325px; opacity:0; z-index:-1; }
	92% { top:-325px; opacity:0; z-index:0; }
	96% { top:-325px; opacity:0; }
	100%{ top:0px; opacity:1; }
	
}
@-webkit-keyframes cycletwo {
	0%  { top:-325px; opacity:0; }
	16% { top:-325px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:325px; opacity:0; z-index:0; }
	41% { top:-325px; opacity:0; z-index:-1; }  
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclethree {
	0%  { top:-325px; opacity:0; }
	36% { top:-325px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; z-index:0; } 
	60% { top:325px; opacity:0; z-index:0; } 
	61% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefour {
	0%  { top:-325px; opacity:0; }
	56% { top:-325px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	76% { top:0px; opacity:1; z-index:0; }
	80% { top:325px; opacity:0; z-index:0; }
	81% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefive {
	0%  { top:-325px; opacity:0; }
	76% { top:-325px; opacity:0; }
	80% { top:0px; opacity:1; }
	84% { top:0px; opacity:1; }
	96% { top:0px; opacity:1; z-index:0; }
	100%{ top:325px; opacity:0; z-index:0; }
}

/* ANIMATION BAR */
@-moz-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}
@-webkit-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}
/*animation end*/

/*main*/
.head, .net {
	background-color:rgba(255, 255 ,255,1);
}
.head h1, .hunt h1, .net h1, .import h1, .luxury h1, .company h1, .vegan h1, .event h1, .kontakt h1, .preis h1 {

	text-align:center;
	font-family: 'spirequal_lightregular';
    font-size: 60px;
	font-weight:100;
	font-stretch:expanded;
	letter-spacing:2px;
}
.head h2, .hunt h2, .net h2, .import h2, .luxury h2, .company h2, .vegan h2, .event h2, .kontakt h2, .preis h2 {
	text-align:center;
	font-family: 'spirequal_lightregular';
    font-size: 30px;
	font-stretch:ultra-expanded;
	letter-spacing:2px;
}
.head h1,  .net h1, .import h1, .company h1, .head h2,  .net h2, .import h2, .company h2,
.head h3,  .net h3, .import h3, .company h3 {
	color:rgba(0, 0, 0, 0.8);
}
.leistung h1, .leistung h2 {
	color:rgba(255,255,255,0.3)
}
.hunt h1, .hunt h2, .hunt h3 {
	color:rgba(255,255,255,0.6)
	
}
.luxury h1, .luxury h2, .luxury h3 {
	color:rgba(229, 228, 226,0.7);
}
.head hr, .hunt hr, .net hr, .import hr, .luxury hr, .company hr, .vegan hr, .event hr, .kontakt hr, .preis hr {
	width:25%;margin-bottom:50px;
}
.head h3, .hunt h3, .net h3, .import h3, .luxury h3, .company h3{

	text-align:center;
	font-family: 'BebasNeueRegular';
    font-size: 20px;
	font-stretch:expanded;
	letter-spacing:1px;
}
.headtemp h2{
	color:rgba(0, 0, 0, 0.8);
	text-align:center;
	font-family: 'spirequal_lightregular';
    font-size: 30px;
	font-stretch:expanded;
	letter-spacing:1px;
	margin:15px 0 15px 0;
}
.headtemp img {
	height:40px;
}
.headtemp {
	margin-top:20px;
	border-radius:10px;
	box-shadow:10px 10px 10px 2px rgba(0,0,0,0.1);
		height:auto;
	float:left;
	width:20%;
	margin-left:4%;
	display:inline-block;
	color:rgba(0, 0, 0, 0.8);
	text-align:center;
	font-family: 'BebasNeueRegular';
    font-size: 20px;
	font-stretch:expanded;
	letter-spacing:1px;
	padding:5px 0 10px 0;

}
.clear {
	clear:both;
	margin:5px 0 55px 0;
}
.net, .import, .luxury, .hunt, .company, .vegan, .event, .preis  {
	padding:3% 0 5% 0;
	color:rgba(0,0,0,1);
	border-top: rgba(0,0,0,0.1) medium inset;
	box-shadow:15px 5px 10px 2px black;
	
}
.leistung {
	background-color:rgba(41, 49, 51, 1.0);
	
}
.Auto, .Startup, .Sports, .Startup, .vegan, .event,  .preis {
	background-color:rgba(255,255,255,1);
}
.hunt {
	background-color:rgba(26,34,45,1);
}
.luxury{
	background-image:url('img/luxurycar.gif');
	background-origin:border-box;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
/*slide carhunt*/

/*animation.css*/
/* ANIMATION */
@-moz-keyframes cycle1 {
	0%  { left:0px; }
	4%  { left:0px; } 
	16% { left:0px; opacity:1; z-index:0; } 
	20% { left:325px; opacity:0; z-index:0; } 
	21% { left:-325px; opacity:0; z-index:-1; }
	92% { left:-325px; opacity:0; z-index:0; }
	96% { left:-325px; opacity:0; }
	100%{ left:0px; opacity:1; }
	
}
@-moz-keyframes cycletwo1 {
	0%  { left:-325px; opacity:0; }
	16% { left:-325px; opacity:0; }
	20% { left:0px; opacity:1; }
	24% { left:0px; opacity:1; } 
	36% { left:0px; opacity:1; z-index:0; } 
	40% { left:325px; opacity:0; z-index:0; }
	41% { left:-325px; opacity:0; z-index:-1; } 
	100%{ left:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclethree1 {
	0%  { left:-325px; opacity:0; }
	36% { left:-325px; opacity:0; }
	40% { left:0px; opacity:1; }
	44% { left:0px; opacity:1; } 
	56% { left:0px; opacity:1; } 
	60% { left:325px; opacity:0; z-index:0; }
	61% { left:-325px; opacity:0; z-index:-1; } 
	100%{ left:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefour1 {
	0%  { left:-325px; opacity:0; }
	56% { left:-325px; opacity:0; }
	60% { left:0px; opacity:1; }
	64% { left:0px; opacity:1; }
	76% { left:0px; opacity:1; z-index:0; }
	80% { left:325px; opacity:0; z-index:0; }
	81% { left:-325px; opacity:0; z-index:-1; }
	100%{ left:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefive1 {
	0%  { left:-325px; opacity:0; }
	76% { left:-325px; opacity:0; }
	80% { left:0px; opacity:1; }
	84% { left:0px; opacity:1; }
	96% { left:0px; opacity:1; z-index:0; }
	100%{ left:325px; opacity:0; z-index:0; }
}

@-webkit-keyframes cycle1 {
	0%  { left:0px; }
	4%  { left:0px; }
	16% { left:0px; opacity:1; z-index:0; } 
	20% { left:325px; opacity:0; z-index:0; }
	21% { left:-325px; opacity:0; z-index:-1; }
	50% { left:-325px; opacity:0; z-index:-1; }
	92% { left:-325px; opacity:0; z-index:0; }
	96% { left:-325px; opacity:0; }
	100%{ left:0px; opacity:1; }
	
}
@-webkit-keyframes cycletwo1 {
	0%  { left:-325px; opacity:0; }
	16% { left:-325px; opacity:0; }
	20% { left:0px; opacity:1; }
	24% { left:0px; opacity:1; } 
	36% { left:0px; opacity:1; z-index:0; } 
	40% { left:325px; opacity:0; z-index:0; }
	41% { left:-325px; opacity:0; z-index:-1; }  
	100%{ left:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclethree1 {
	0%  { left:-325px; opacity:0; }
	36% { left:-325px; opacity:0; }
	40% { left:0px; opacity:1; }
	44% { left:0px; opacity:1; } 
	56% { left:0px; opacity:1; z-index:0; } 
	60% { left:325px; opacity:0; z-index:0; } 
	61% { left:-325px; opacity:0; z-index:-1; }
	100%{ left:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefour1 {
	0%  { left:-325px; opacity:0; }
	56% { left:-325px; opacity:0; }
	60% { left:0px; opacity:1; }
	64% { left:0px; opacity:1; }
	76% { left:0px; opacity:1; z-index:0; }
	80% { left:325px; opacity:0; z-index:0; }
	81% { left:-325px; opacity:0; z-index:-1; }
	100%{ left:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefive1 {
	0%  { left:-325px; opacity:0; }
	76% { left:-325px; opacity:0; }
	80% { left:0px; opacity:1; }
	84% { left:0px; opacity:1; }
	96% { left:0px; opacity:1; z-index:0; }
	100%{ left:325px; opacity:0; z-index:0; }
}

/* ANIMATION BAR */
@-moz-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}
@-webkit-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}

/* SLIDER */
#slider1 {
	background-image:url('img/carhuntdark.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-color:rgba(26,34,45,1);
	box-shadow:1px 1px 5px rgba(0,0,0,0.7);
	height:100%;
	width:100%;
	margin: auto 0;
	overflow:visible;
	position:relative;
	margin-bottom:5%;
}
#mask1 {
font-family: Arial, sans-serif;
	overflow:hidden;
	height:460px;
	text-transform: uppercase;

}
#slider1 ul {
	margin:0;
	padding:0;
	position:relative;
}
#slider1 li {
	width:680px;
	height:320px;
	position:absolute;
	
	list-style:none;
}
#even {
	clear:both;
	margin-left:90%;
	right:0px;
}
#slider1 li.firstanimation1 {
	-moz-animation:cycle1 35s linear infinite;	
	-webkit-animation:cycle1 35s linear infinite;		
}
#slider1 li.secondanimation1 {
	-moz-animation:cycletwo1 35s linear infinite;
	-webkit-animation:cycletwo1 35s linear infinite;		
}
#slider1 li.thirdanimation1 {
	-moz-animation:cyclethree1 35s linear infinite;
	-webkit-animation:cyclethree1 35s linear infinite;		
}
#slider1 li.fourthanimation1 {
	-moz-animation:cyclefour1 35s linear infinite;
	-webkit-animation:cyclefour1 35s linear infinite;		
}
#slider1 li.fifthanimation1 {
	-moz-animation:cyclefive1 35s linear infinite;
	-webkit-animation:cyclefive1 35s linear infinite;		
}

#slider1 .tooltip1 {
	
	padding: 0 0 30px 0;
	width:auto;
	height:auto;
	position:relative;
	bottom:100%;
	left:320px;
	text-align:left;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	margin-top:50%;
		border:thin white solid;
		border-radius:15px;
		margin-left:15%;
  
}
#slider1 .tooltip1 h1 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 90px;
    padding: 0 0 0 5%;
    line-height: 200px;
	color: rgba(255,255,255, 0.8);
	font-weight:900;
	
}
#slider1 .tooltip1 h4 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 40px;
    padding: 0 0 5% 5%;
	color: rgba(255,255,255, 0.8);
	font-weight:900;
}

#slider1 li#first1 .tooltip1, 
#slider1 li#second1 .tooltip1, 
#slider1 li#third1 .tooltip1, 
#slider1 li#fourth1 .tooltip1, 
#slider1 li#fifth1 .tooltip1 {
	left:3%;
}

#slider1 .tooltip2 {
	
	
		height:auto;
	position:relative;
	bottom:100%;
	left:100%;
	text-align:right;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out; 
		margin-top:50%;
		border:thin white solid;
		border-radius:15px;
}

#slider1 .tooltip2 h1 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 90px;
    padding: 0 0 0 5%;
    
	color: rgba(255,255,255, 0.8);
	font-weight:900;
	
	
}
#slider1 .tooltip2 h4 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 40px;
    padding: 0 5% 5% 0;
	color: rgba(255,255,255, 0.8);
	font-weight:900;
}

#slider1 li#first1 .tooltip2, 
#slider1 li#second1 .tooltip2, 
#slider1 li#third1 .tooltip2, 
#slider1 li#fourth1 .tooltip2, 
#slider1 li#fifth1 .tooltip2 {
	right:0;
}
.progress-bar1 { 
	position:relative;
	top:-5px;
	width:680px; 
	height:5px;
	background:white;
	-moz-animation:fullexpand 35s ease-out infinite;
	-webkit-animation:fullexpand 35s ease-out infinite;
}
/* slider carhunt end*/
.ghost-btn-hunt {
	border:thick rgba(0,0,0,0.3) outset;
	padding: 5px;
	color:rgba(0,0,0,0.3);
	font-weight:600;
		font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
		letter-spacing:2px;
	border-radius:7px;
	box-shadow:1px 1px 2px 0.4px black;
	margin: 0 0 50px 45% ;
	font-size:40px;
	
}
.ghost-btn-hunt:hover {
	background-color:rgba(0,0,0,0.3);
	color:rgba(255,255,255,0.8);
}
.preis {
	visibility:visible;
	background-size: contain;
	background-repeat:no-repeat;
}
.preis h3{
	text-transform:uppercase;
	font-weight:900;
	text-align:left;
	font-size:30px;
	float:left;
	padding:10% 0 10% 1%;
}
#preis1{
		margin-left:5%;
}
#preis2 {
		margin-left:-5%;
}
#preis3{
		margin-left:-15%;
}
#preis4{
		margin-left:-25%;
}
#preisright {
	margin-left:30%;
}
.preistemp h2{
	color:rgba(0, 0, 0, 0.8);
	text-align:left;
	font-family: 'spirequal_lightregular';
    font-size: 30px;
	font-stretch:expanded;
	letter-spacing:1px;
	margin:15px 2% 15px 2%;
	float:left;
}
.preistemp img {
	height:40px;
	float:left;
	margin:7px 0 0 5px;
}
.far {
	width:65%;
	float:right;
	padding-right:1%;
}
.preistemp {
	margin-top:20px;
	border-radius:10px;
	box-shadow:10px 10px 10px 2px rgba(0,0,0,0.1);
		height:auto;
	
	width:90%;

	display:inline-block;
	color:rgba(0, 0, 0, 0.8);
	text-align:left;
	font-family: 'BebasNeueRegular';
    font-size: 20px;
	font-stretch:expanded;
	letter-spacing:1px;
	padding:5px 0 10px 0;
	background-color:white;
}
.import {
	background-image:url('img/pinup.jpg');
	background-repeat:no-repeat;
	height:921px;
}
#importbg {
	background-color:rgba(255,255,255,0.8);
	height:80%;
}
.ghost-btn-imp {
	border:thick rgba(0,0,0,0.3) outset;
	padding: 5px;
	color:rgba(0,0,0,0.3);
	font-weight:600;
		font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
		letter-spacing:2px;
	border-radius:7px;
	box-shadow:1px 1px 2px 0.4px black;
	margin: 0px 0 50px 43% ;
	font-size:40px;
	
}
.ghost-btn-imp:hover {
	background-color:rgba(0,0,0,0.3);
	color:rgba(255,255,255,0.8);
}
.ghost-btn-net {
	border:thick rgba(0,0,0,0.3) outset;
	padding: 5px;
	color:rgba(0,0,0,0.3);
	font-weight:600;
		font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
		letter-spacing:2px;
	border-radius:7px;
	box-shadow:1px 1px 2px 0.4px black;
	margin: 0px 0 50px 10% ;
	font-size:40px;
	
}
.ghost-btn-net:hover {
	background-color:rgba(0,0,0,0.3);
	color:rgba(255,255,255,0.8);
}

/*Luxury*/
.container-lux1 {
position:relative;

float:left;
border-radius:15px;
border:thin solid;
overflow:hidden;
}
.container-lux2 {
position:relative;
margin-right:10%;
float:right;
border-radius:15px;
border:thin solid;
overflow:hidden;

}
#lux1, #lux2 {
	margin-top:5%;
	margin-bottom:5%;
}
#lux1 {
	margin-left:5%;
}
#lux3 {
	margin-left:10%;
}
#lux2 {
	margin-right:5%;
}
#lux4 {
	margin-left:10%;
}

.textbox:hover {
opacity:1;
}
.text {
padding-top: 50px;
}
.textbox {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
opacity:0;
border-radius:5px;
background-color: rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
color:rgba(229, 228, 226,0.7);
	text-align:center;
	font-family: 'BebasNeueRegular';
    font-size: 20px;
	font-stretch:expanded;
	letter-spacing:1px;
	font-weight:900;

}

.kontakt {
	background-color:rgba(0,0,0,0.6);
	color:rgba(255,255,255,0.8);
	border-top: rgba(0,0,0,0.1) medium inset;
	box-shadow:15px 5px 10px 2px black;
	padding:3% 0 5% 0;
}
.kontakt h1 {
	color:rgba(255,255,255,0.8);
	text-align:center;
	font-family: 'spirequal_lightregular';
    font-size: 60px;
	font-weight:100;
	font-stretch:expanded;
	letter-spacing:2px;
}
 .kontakt h2{
	color:rgba(255,255,255,0.8);
	text-align:center;
	font-family: 'spirequal_lightregular';
    font-size: 30px;
	font-stretch:ultra-expanded;
	letter-spacing:2px;
}

#kontakt {
	width:49%;
	display:inline-table;
	margin:0 0 0 45px;
	
}
#kontakt #thema {
	width:61%;
	margin:5px 0 5px 0;
	font-family: 'spirequal_lightregular';
	text-transform:uppercase;
	text-align:center;

}
#kontakt #NName, #kontakt #VName {
	margin:5px 0 5px 0;
	font-family: 'spirequal_lightregular';
	text-transform:uppercase;
	text-align:center;
	width:29%;

}
#kontakt #email, #kontakt #tel, #kontakt #sex {
	font-family: 'spirequal_lightregular';
	text-transform:uppercase;
	text-align:center;
	width:29%;
}

#kontakt #send {
	margin:5px 0 5px 0;
	text-transform:uppercase;
	text-align:center;
		font-family: 'spirequal_lightregular';
    font-size: 20px;
	font-weight:100;
	font-stretch:expanded;
	letter-spacing:1px;
	border-radius:5px;
	color:rgba(0,0,0,0.8);
	border:medium dimgray outset;


}
#kontakt #textarea {
	font-family: 'spirequal_lightregular';
	text-transform:uppercase;
	text-align:center;
	width:60%;

}

#impressum {
	width:40%;
	display:inline-table;
	font-size:24px;
	
	
}
#impressum h2 {
	margin-bottom:25px;
	text-align:left;
}
#impressum a{
	color:rgba(255,255,255,0.8);
	text-decoration:none;
}
footer {
	border-top:medium silver groove;
	background-color:rgba(0,0,0,1);
	height:auto;
}
footer #small {
	text-align:center;
	font-size:12px;
	color:antiquewhite;
	padding:15px 0 15px 0;
}
footer #small a {
	text-align:center;
	font-size:12px;
	color:antiquewhite;
	text-decoration:none;
}

footer #network {
	text-align:center;
	font-size:28px;
	color:antiquewhite;
	margin-top:15px;
}
footer #network a {
	text-align:center;
	font-size:28px;
	color:antiquewhite;
	text-decoration:none;
}
footer #footer-1 {
	text-align:center;
	font-size:18px;
	color:antiquewhite;
	margin-top:15px;
	float:left;
	width:33%;
}
footer #footer-1 a {
	text-align:center;
	font-size:14px;
	color:antiquewhite;
	text-decoration:none;
}
footer #footer-2 {
	text-align:center;
	font-size:18px;
	color:antiquewhite;
	margin-top:15px;
	float:left;
	display:inline-block;
	width:33%;
}
footer #footer-2 a {
	text-align:center;
	font-size:14px;
	color:antiquewhite;
	text-decoration:none;
}footer #footer-3 {
	text-align:center;
	font-size:18px;
	color:antiquewhite;
	margin-top:15px;
	float:left;
	display:inline-table;
	width:33%;

}
footer #footer-3 a {
	text-align:center;
	font-size:14px;
	color:antiquewhite;
	text-decoration:none;
}