@font-face {
	font-family: 'bazarmedium';
	src: url('global/font/bazar-webfont.eot');
	src: url('global/font/bazar-webfont.eot?#iefix') format('embedded-opentype'), url('global/font/bazar-webfont.woff') format('woff'), url('global/font/bazar-webfont.ttf') format('truetype'), url('global/font/bazar-webfont.svg#bazarmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@charset "ISO-8859-1";
body { padding-bottom: 20px; }
img, object, embed, video { max-width: 100%; }
a { box-sizing:border-box;   -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
body { background: #d3cebc; text-align: center; }
img { width: 15%; margin-right: 10%; min-width: 120px; }
img:last-of-type { margin-right: 0; }
.box { width: 90%; margin-top: -10px; opacity: 0; padding: 18px; min-height: 300px; height: auto; background: #313437; margin-left: auto; margin-right: auto; border-radius: 18px; max-width: 1000px; position: absolute;-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75); }
header, .imprint_text { text-align: center; border: 1px solid #fff; box-shadow: 0 0 0 3px #D10003; height: auto; min-height: 300px; width: 100%; border-radius: 18px; }
h1 { font-weight: normal; text-transform: uppercase; font-family: bazarmedium; color: #D10003; margin-top: 10vh; font-size: 30px; text-shadow: 5px 5px 15px rgba(255, 255, 255, 1); }
.imprint { position: absolute; z-index: 2; color: #605B5B; font-size: 12px; font-family: Arial, Helvetica; bottom: 5px; width: 100%; text-align: center; }
a, a:visited { color: inherit; }
.choose { font-family: bazarmedium; text-transform:uppercase; color: #5E5E5E; }
.box a { margin-right: 10%; }
.box a:last-of-type { margin-right: 0; }
a:hover img { padding-top:-10px!important; }
.choose a { text-decoration: none; }
.choose a:hover { color: #D10003; }
.advice { position: absolute;  margin: 0 auto; color:#FFFCE7; background: url("global/img/bgs/rotbg.png"); min-height: 40px; padding: 10px; width: 100%; box-shadow: 0px 0px 30px #000 inset; bottom: 30px; font-family: Arial, Helvetica; box-sizing: border-box; text-align:center; }
.imprint_text { color: #fff; font-family: Arial, Helvetica; padding: 20px; text-align: left; box-sizing:border-box; }
.imprint_text span { font-weight: bold; }
.static { position: static!important; }
#carinfo { display: none; position: absolute; top: 150px; width: 100%; text-align: center; z-index: -1; }
#infobox { width: 80%; font-family: bazarmedium; font-size: 22px; color: #434343; background: rgba(255,255,255,0.5); padding: 8px 0; text-transform:uppercase; margin: 0 auto; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }
#js_warning { height: auto; min-height: 32px; width: 100%; position: fixed; background: url(global/img/noscript.png) center; background-size: 135px 90px; left: 0; top: 0; text-align: center; padding: 12px 10px; box-sizing:border-box; font-family: Helvetica; border-bottom: 1px solid #000; font-weight: bold; color: black; font-size: 14px; }
#star { width: 20px; height: 20px; background: url(global/img/star.png); display: inline-block; }
#t2_notyet { display: none; font-family: bazarmedium; height: auto; padding: 20px; vertical-align: middle; width: 90%; max-width: 900px; background: #e9dec5; position: fixed; text-transform: uppercase; z-index: 3; font-size: 20px; line-height: 1.6em; color: rgb(56, 56, 56); }
#layer { width: 100%; height: 100%; background: url(global/img/lbbg.png); display: none; z-index: 2; position: fixed; top: 0; left: 0; }
input { background: #B79F7A; border: none; font-family: bazarmedium; margin-bottom: 2px;  text-transform: uppercase; margin-top: 15px; padding: 4px; color: rgb(56, 56, 56); 
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
input:hover { background: #BCB3A7; margin-bottom: 0; }
span { color: #d10003; }

@media only screen and (max-width: 1000px){
	.box { width: 80%; }
}

@media only screen and (max-width: 880px){
	#carinfo { display: none!important; }
	h1 { font-size: 22px; margin-top: 30px; }
	.choose { font-size: 14px; }
	.box { position: static!important; margin-top: 20px; height: auto; margin-bottom: 20px; }
	img { display: block; width: 50%; margin-top: 20px!important; max-width: 150px; }
	img:last-of-type { margin-bottom: 20px; }
	.imprint { position: static!important; margin-top: 20px; margin-bottom: 10px; }
	.advice { position: static!important; margin-bottom: 20px; margin-top: 40px; font-size: 13px; }
}
@media only screen and (min-width: 1600px) and (min-height:650px){
	h1 { font-size: 40px; }
	.choose { font-size: 22px; }		
}
@media only screen and (max-width: 400px){
	.car { display: inline-block; margin-left: 50px; }
	}
@media only screen and (max-height: 650px){
	#carinfo, #infobox { display: none!important; }
	img { display: block; }
	.imprint { position: static!important; margin-bottom: 0px; }
	.box { position: static!important; margin-top: 20px; margin-bottom: 20px; }
	.advice { margin-bottom: 15px; } /* Position wird in jQuery festgelegt */
}