@media screen 
{
	html {
		min-height: 100.2%
	}
	body {
		font:400 10px/100% 'cabinregular', Arial, sans-serif;
		color: #444b50;
		background: url(../images/layout/Curve_180.jpg) no-repeat top center;
		-webkit-background-size: cover;
		background-size: cover;
		background-attachment: fixed;
	}		
		body.sortiment-mountainbikes { background-image: url(../images/layout/bg-mtb-high-end.jpg) }
		body.sortiment-e-bikes { background-image: url(../images/layout/bg-e-bike-page.jpg) }
		body.sortiment-citybikes-alltag { background-image: url(../images/layout/bg-citybike-page.jpg) }
		body.sortiment-tourenvelos { background-image: url(../images/layout/bg-family.jpg) }
		body.sortiment-rennvelos { background-image: url(../images/layout/bg-rennvelos.jpg) }
		body.sortiment-kinder-jugendbikes { background-image: url(../images/layout/bg-kinder.jpg);}
		body.sortiment-occasionen-auslaufmodelle { background-image: url(../images/layout/bg-occ.jpg) }

		body.body-geometry-fit { background-image: url(../images/layout/bg-bikefitting.jpg) }
		body.anfahrt { background: white; }

	#preloader {
		background: white url(../images/loading.gif) center center no-repeat;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9999;
	}
		#preloader #loadbar {
			position: absolute;
			top: 0;
			left: 0;
			width: 0;
			height: 5px;
			background: #e41b13;
		}

	::selection {background: #e41b13; color: white; }
	::-moz-selection {background: #e41b13; color: white; }

	*:focus { outline: none; }

	a, a:visited {
		color: #e41b13;
		text-decoration: none;
	}
		a:hover, a:active { color: #3e4449; }

	.container {
		width:960px;
		margin:0 auto;
		position: relative;
	}

	h1, h2, h3, h4, h5, h6  {
		margin-bottom:.5em;
		text-rendering: optimizeLegibility;/* optimize text kerning */
	}
	h1 {
		font: 400 1.7em/140% 'cabinbold', sans-serif;
		text-transform: uppercase;
		color: #787b7d;
		padding-bottom: 5px;
		border-bottom: 1px solid #c7c9ca;
		margin-bottom: 2em;
	}
		h1 > span {
			display: inline-block;
			width: 100%;
			font-size: 211.764705882%;
			color: #e41b13;
		}
	h2 {
		font: 400 1.8em/130% 'cabinbold', sans-serif;
		text-transform: uppercase;
		color: #e41b13;
	}
		h2.spec {
			font: 400 2.2em/130% 'cabinbold', sans-serif;
			text-transform: uppercase;
			color: white;
			padding: 7px 32px;
			background: #e41b13;
			margin-bottom: 3rem;
		}
	h3 {
		font: 400 1.6em/130% 'cabinbold', sans-serif;
		text-transform: uppercase;
	}
	h4 {
		font: 400 1.4em/130% 'cabinbold', sans-serif;
		text-transform: uppercase;
		color: #787b7d;
	}
	h5 {font-size:1.2em}
	h6 {font-size:1em}

	hr {
		background: #c7c9ca;
		margin-bottom: 1.6em;
	}

	/*=LAYOUT */
	#fixBox {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
		width: 100%;
		height: 78px;
		background: white;
		border-bottom: 8px solid #444b50;
	}
		#branding {
			width: 133px;
			float: left;
		}

		#fbLink {
			display: block;
			width: 29px;
			height: 29px;
			overflow: hidden;
			float: right;
			margin: 21px 1.5% 0 .5%;
			background: url(../images/layout/fb-logo.png) 0 0 no-repeat;
		}
			#fbLink > span { display: none; }
			#fbLink:hover, #fbLink:active {
				opacity: .9;
				filter: alpha(opacity=90);
			}

	#header {
		height: 417px;
	}
	body.index #header { height: 707px; }
		body.index #header > .container {
			padding-top: 574px;
		}
	body.anfahrt #header { height: 200px; }

		#contact, #open {
			width: 52px;
			height: 52px;
			padding-left: 52px;
			overflow: hidden;
			position: fixed;
			-webkit-transition: all 250ms ease-in-out;
			-moz-transition: all 250ms ease-in-out;
			-ms-transition: all 250ms ease-in-out;
			-o-transition: all 250ms ease-in-out;
			transition: all 250ms ease-in-out;
			top: 100px;
			right: 0;
			z-index: 20;
			background: url(../images/layout/bg-phone.png) 0 0 no-repeat;
		}
		#open {
			top: 153px;
			background: url(../images/layout/bg-clock.png) 0 0 no-repeat;
		}
			.contactContent, .openContent {
				width: 260px;
				padding: 15px;
				background: white;
				font-family: 'cabinbold';
				font-size: 1.2em;
			}
				#contact:hover, #open:hover {
					width: 312px;
					height: 90px;
					z-index: 21;
				}

		#claimFade {
			position: absolute;
			top: 330px;
			left: 14px;
			width: 690px;
			height: 150px;
		}
		.nojs #claimFade > div { display: none; }
		.nojs #claimFade > div:nth-child(2) { display: block; }
		#claim {
			position: absolute;
			top: 170px;
			left: 14px;
			width: 690px;
			height: 150px;
		}
			#claimFade > div {
				padding-top: 10px;
			}
			.claim {				
				font: 400 7.2em/90.2777777778% 'cabinbold', sans-serif;
				text-transform: uppercase;
				color: #e41b13;
				width: 690px;
				height: 150px;
				vertical-align: baseline;
			}
				.claim > span {
					padding: 0 20px;
					background: white;
					position: relative;
				}
					.claim > span > span {
						position: relative;
						z-index: 10;
					}

			.teaser {
				background: white;
				background: rgba(255,255,255,.9);
				padding-bottom: 4px;
				color: #343a3c;
				-webkit-transition: all 250ms ease-in-out;
				-moz-transition: all 250ms ease-in-out;
				-ms-transition: all 250ms ease-in-out;
				-o-transition: all 250ms ease-in-out;
				transition: all 250ms ease-in-out;
			}
				.teaser p {
					padding: 0 20px;
					margin-bottom: 7px;
					color: #000;
				}

					.teaser p.headline {
						background: #444b50;
						height: 35px;
						font: 400 1.7em/35px 'cabinbold', sans-serif;
						text-transform: uppercase;
						-webkit-transition: all 250ms ease-in-out;
						-moz-transition: all 250ms ease-in-out;
						-ms-transition: all 250ms ease-in-out;
						-o-transition: all 250ms ease-in-out;
						transition: all 250ms ease-in-out;
					}
						.teaser:hover {
							-moz-transform: translateX(0px) translateY(-5px);
							-webkit-transform: translateX(0px) translateY(-5px);
							-o-transform: translateX(0px) translateY(-5px);
							-ms-transform: translateX(0px) translateY(-5px);
							transform: translateX(0px) translateY(-5px);
							cursor: pointer;
						}
						.teaser:hover p.headline { background: #e41b13; }
						.teaser p.headline > a, .teaser p.headline > a:visited {
							display: block;
							width: 100%;
							height: 35px;
							color: white;
						}

	#main {
		width: 100%;
		padding: 60px 0;
		border-top: 1px solid #8e9295;
		background: white;
		background: rgba(255,255,255,.95);
	}

		body.anfahrt #main {
			padding-top: 0;
			border: none;
			background-color: transparent;
			padding-bottom: 75px;
		}
			body.anfahrt .textBoxDirec {
				background: white;
				background: rgba(255,255,255,.95);
				padding: 30px 4.16666666667% 15px;
				position: relative;
				z-index: 2;
			}

	#hideContent {
		position: absolute;
		top: -50px;
		right: 1.5%;
		font: 400 1.1em/20px 'cabinregular', sans-serif;
		text-transform: uppercase;
		cursor: pointer;
		color: #787b7d;
	}
		#hideContent:hover, #hideContent:active {
			color: #e41b13;
		}

	#showContent {
		display: block;
		height: 30px;
		width: auto;
		padding: 0 15px;
		position: fixed;
		right: 15px;
		top: 50%;
		margin-top: -15px;
		font: 400 1.1em/30px 'cabinregular', sans-serif;
		text-transform: uppercase;
		cursor: pointer;
		color: #787b7d;
		background: white
	}
		#showContent:hover, #showContent:active {
			color: #e41b13;
		}

	/* ALL NAVIGATIONS */
	nav ul,	.navi { list-style:none; }
	.navi a { display:block; }

	/*=NAVIGATION MAIN */
	#navi {
		float: right;
	}
		#navi > li {
			display: block;
			float: left;
			position: relative;
		}
			#navi > li > a,
			#navi > li > span {
				display: block;
				height: 70px;
				width: auto;
				padding-right: 8px;
				font: 400 1.4em/84px 'cabinbold', sans-serif;
				text-decoration: none;
				text-transform: uppercase;
				color: #3e4449;
				-webkit-transition: all 250ms ease-in-out;
				-moz-transition: all 250ms ease-in-out;
				-ms-transition: all 250ms ease-in-out;
				-o-transition: all 250ms ease-in-out;
				transition: all 250ms ease-in-out;
			}
			#navi > li > span { cursor: default; }
				#navi > li > a.body-gemetrie-fit { padding-right: 0; }
				#navi > li > a:before,
				#navi > li > span:before {
					content: "|";
					color: #3e4449;
					margin-right: 8px;
				}
					#navi > li > a.team:before { display: none; }
			#navi > li > a:hover, 
			#navi > li > a.active,
			#navi > li > span:hover, 
			#navi > li > span.active { color: #e41b13; }

			#navi > li > ul {
				position: absolute;
				top: 65px;
				left: 50%;
				width: 270px;
				height: 0;
				margin-left: -135px;
				padding: 15px;
				overflow: hidden;
				background: white;
				border: 1px solid #444b50;
				border-radius: 2px;
				opacity: 0;
				filter: alpha(opacity=0);
				-webkit-transition: all 250ms ease-in-out;
				-moz-transition: all 250ms ease-in-out;
				-ms-transition: all 250ms ease-in-out;
				-o-transition: all 250ms ease-in-out;
				transition: all 250ms ease-in-out;
			}
			#navi > li:hover > ul {
				height: auto;
				opacity: 1;
				overflow: visible;
				filter: alpha(opacity=100);
			}
				.sub:after, .sub:before {
					bottom: 100%;
					left: 50%;
					border: solid transparent;
					content: " ";
					height: 0;
					width: 0;
					position: absolute;
					pointer-events: none;
				}

				.sub:after {
					border-color: rgba(255, 255, 255, 0);
					border-bottom-color: #fff;
					border-width: 10px;
					margin-left: -10px;
				}
				.sub:before {
					border-color: rgba(68, 75, 80, 0);
					border-bottom-color: #444b50;
					border-width: 11px;
					margin-left: -11px;
				}
				#navi > li > ul > li {
					display: block;
					width: 100%;
				}
				#navi > li > ul > li > a {
					display: block;
					width: 100%;
					border-bottom: 1px dotted #444b50;
					padding: 5px;
					font: 400 1.4em/120% 'cabinbold',sans-serif;
					text-decoration: none;
					text-transform: uppercase;
					color: #7f8386;
					-webkit-transition: all 250ms ease-in-out;
					-moz-transition: all 250ms ease-in-out;
					-ms-transition: all 250ms ease-in-out;
					-o-transition: all 250ms ease-in-out;
					transition: all 250ms ease-in-out;
				}
					#navi > li > ul > li > a.zubehoer { border: none; }
				#navi > li > ul > li > a:hover,
				#navi > li > ul > li > a.active { color: #e41b13; }

	/*=NAVIGATION ADDITIONAL */
	#naviAdd {
		float: right;
		margin-right: 1.5%;
	}
		#naviAdd > li {
			display: block;
			float: left;
		}
			#naviAdd > li > a {
				display: block;
				width: auto;
				height: 30px;
				padding-right: 6px;
				font: 400 1.1em/30px 'cabinregular', sans-serif;
				text-decoration: none;
				text-transform: uppercase;
				color: #7f8386;
			}
				#naviAdd > li > a:before {
					content: "|";
					color: #7f8386;
					padding-right: 6px;
				}
					#naviAdd > li > a.home:before {
						display: none;
						visibility: hidden;
					}
					#naviAdd > li > a.impressum { padding-right: 0; }
			#naviAdd > li > a:hover,
			#naviAdd > li > a.active { color: #e41b13; }

	/*=CONTENT */
	p, #content li, #content td {
		font-size: 1.3em;
		line-height: 153.846%;
	}
	#main p, #main ul, #main ol, #main dl, #main table, .floatList
	{
		margin-bottom:1em;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	#main p.mT { margin-top: 2em; }

	#main ul { list-style: none; }
		#main ul > li {
			padding: 3px 5px 3px 25px;
			background: #cbd0d3 url(../images/layout/icon-list.png) 7px 8px no-repeat;
		}
		#main ul > li:nth-child(odd) { background-color: #e8ebed; }

	.image, .imageNb {
		width: 100%;
		height: auto;
		border-bottom: 1px solid #e41b13;
		margin-bottom: 1em;
		margin-top: .3em;
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}
	.imageNb {
		border: none;
		margin-bottom: 0;
	}
		#content a img:not(.vcard):hover { box-shadow: 0 0 5px rgba(0,0,0,.5); }
	
	#main iframe,
	.cmsvideo {
		border: none;
		border-bottom: 1px solid #e41b13;
		margin: 0 0 1.5em 0;
		padding: 0;
	}

	#main .toggler {
	  	cursor: pointer;
		clear: both;
		margin-top: 1em;
		background: #767c87;
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}
		#main .toggler.active { background: #e41b13; }
		#main .toggler:hover { background: #444b50; }
		.toggler > .info {
			font: 400 .5em/250% 'cabinregular', sans-serif;
			float: right;
		}

	.togglerBox {
		background: white;
		padding: 20px;
		clear: both;
		width: 97%;
		margin-right: 1.5%;
		margin-left: 1.5%;
	}

	.btn {
		display: inline-block;
		padding: 7px 15px;
		margin-bottom: 1em;
		font: 400 1.4em/100% 'cabinbold', sans-serif;
		text-transform: uppercase;
		color: white;
		border-radius: 2px;
		background: #e41b13;
		background: -moz-linear-gradient(top,  #e41b13 0%, #d31913 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e41b13), color-stop(100%,#d31913));
		background: -webkit-linear-gradient(top,  #e41b13 0%,#d31913 100%);
		background: -o-linear-gradient(top,  #e41b13 0%,#d31913 100%);
		background: -ms-linear-gradient(top,  #e41b13 0%,#d31913 100%);
		background: linear-gradient(to bottom,  #e41b13 0%,#d31913 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41b13', endColorstr='#d31913',GradientType=0 );
	}
		.btn:hover {
			color: white;
			box-shadow:inset 0px 0px 1px rgba(0,0,0,.6);
			opacity: .9;
			filter: alpha(opacity=90);
		}
		.btn:active {
			color: white;
			box-shadow:inset 0px 0px 2px rgba(0,0,0,0.8);
		}

	.textBox {
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 0;
	}
	.textBox.fRight {
		padding-left: 0;
		padding-right: 30px;
	}
	.fRight { float: right !important; }

	.productBox {
		background: white;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}

	#main .highlight {
		font-size: 1.6em;
		font-style: italic;
		text-align: center;
		color: #3e4449;
		padding: 2px 15px;
		border-left: 1px solid #e41b13;
		border-right: 1px solid #e41b13;
		-webkit-hyphens: none;
		-ms-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;
	}

	#main table.table {
		width: 100%;
		margin-bottom: 1em;
	}
	#main table.table.openingTimes { margin-bottom: 2em; }
		#main table.table thead th {
			font: 400 1.4em/153.846% 'cabinbold', sans-serif;
			text-align: left;
			color: white;
			vertical-align: top;
			padding: 5px 8px;
			background: #444b50;
		}
			#main table.table thead th:nth-child(2) { width: 60px; }
			#main table.table thead th:nth-child(3) { width: 100px; }
		#main table.table tbody tr td {
			padding: 5px 8px;
			background: #cbd0d3;
			border-bottom: 1px solid #444b50;
			vertical-align: top;
			min-width: 60px;
		}
			#main table.table tbody tr:nth-child(odd) td { background-color: #e8ebed }
			#main table.table tbody tr:last-child td { border: none; }

			#main table.table.openingTimes tbody tr td:first-child { width: 42%; }

	/*=STYLED MAP */
	#gMap {
		position: fixed !important;
		top: 78px;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
	}
		.infoWindow h1 {
			font: 400 15px/110% 'cabinbold', sans-serif;
			color: #e41b13;
			margin-bottom: 0;
			padding: 3px;
			border: none;
		}
		.infoWindow p {
			font: 200 13px/135% 'cabinregular', Arial, sans-serif;
			color: #444b50;
			margin-bottom: 0;
		}

	/*=FOOTER */
	#footer {
		width: 100%;
		height: auto;
		border-top: 8px solid #444b50;
		background: white;
		overflow: hidden;
		padding-top: 15px;
		position: absolute;
		z-index: 100;

	}
		#footerContent { height: auto; }
			#footerContent p {
				float: left;
				font-size: 16px;
				line-height: 30px;
				margin-left: 1.5%;
			}
				#footerContent p a { color: inherit; }
				#footerContent p > span:before {
					content: "| ";
					padding: 0 .3em;
				}

		#brands {
			width: 100%;
			height: 85px;
			margin: 0 auto;
			box-shadow: inset 0 0 1px rgba(0,0,0,.3);
			padding-top: 5px;
			margin-top: 128px;

		}

	/*=FLEXISEL */
	.nbs-flexisel-container {
	    position:relative;
	    max-width:100%;
	}
	.nbs-flexisel-ul {
	    position:relative;
	    width:9999px;
	    margin:0px;
	    padding:0px;
	    list-style-type:none;   
	    text-align:center;  
	}

	.nbs-flexisel-inner {
	    overflow:hidden;
	    float:left;
	    width:100%;
	}

	.nbs-flexisel-item {
	    float:left;
	    margin:0px;
	    padding:0px;
	    cursor:pointer;
	    position:relative;
	    line-height:0px;
	    height: 75px;
	    text-align: center;
	}
	.nbs-flexisel-item img {
	    width: auto;
	    cursor: pointer;
	    position: relative;
	    height:75px;
	}

	/*** Navigation ***/

	.nbs-flexisel-nav-left,
	.nbs-flexisel-nav-right {
	    display: none;
	    visibility: hidden;
	}
		

}
body.nojs #preloader { display: none; visibility: hidden; }
@media screen and (min-height: 872px){
/*	#footer {
		position: absolute;
		top: 1200px;
		left: 0;
		right: 0;
		z-index: 10;
	}*/

	#main { padding-bottom: 225px; }

	#gMap {
		bottom: 165px;
		height: auto;
	}
}

/*---------- Mobile Link ----------*/

#mobile-link {
	background: #E41B13;
	clear: both;
	display:none;
}

#mobile-link .btn-mobile {
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% center;
	font: bold 16px/normal Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin: 0 auto;
	padding: 50px 10px;
}

.maps{
	position: absolute;
    top: 0;
    margin-left: 5%;
    width: 400px;
    height: 300px; 
    border: 0;
}

.headline2{
	font-size: 20px!important;
	color: #e41b13;
	float: none!important;
	padding-bottom: 15px;
	text-transform: uppercase;

}

.headline { 
text-transform: uppercase;
 }

.openingtimes{
	margin-top: 98px;
}

img {
	display: block;
	width: 100%;
}