@charset "UTF-8";

/* CSS Bomnueter
*********************************************/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 
h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, 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 {border:0; font-size:100%; margin:0; 
	padding:0;}
a {outline:none;}
table {
	border-collapse:collapse;
	border-spacing:0;
	vertical-align: top;
}
fieldset, img {border:0;}
del, ins {text-decoration:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
sup, sub {vertical-align:baseline;}
legend {color:#000;}
input, button, textarea, select, optgroup, option 
	{font-family:inherit; font-size:inherit; 
	font-style:inherit; font-weight:inherit;}
input, button, textarea, select {font-size:100%;}



/* start */

html, body{
	height: 100%;
}
body{
	font-family: bliss, sans-serif;
	font-size: 100%;
	line-height: 1.375em;
	-moz-hyphens: auto;
  	 -o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
   	hyphens: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

@font-face {
    font-family: 'bliss-light';
    src: url('../bomnueter-fonts/bliss2L.eot');
    src: url('../bomnueter-fonts/bliss2L.eot?#iefix') format('embedded-opentype'),
         url('../bomnueter-fonts/bliss2L.woff') format('woff'),
         url('../bomnueter-fonts/bliss2L.ttf') format('truetype'),
         url('../bomnueter-fonts/bliss2L.svg#bliss-light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bliss';
    src: url('../bomnueter-fonts/bliss2r.eot');
    src: url('../bomnueter-fonts/bliss2r.eot?#iefix') format('embedded-opentype'),
         url('../bomnueter-fonts/bliss2r.woff') format('woff'),
         url('../bomnueter-fonts/bliss2r.ttf') format('truetype'),
         url('../bomnueter-fonts/bliss2r.svg#bliss') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ionicons';
    src: url('../bomnueter-fonts/ionicons.eot');
    src: url('../bomnueter-fonts/ionicons.eot?#iefix') format('embedded-opentype'),
         url('../bomnueter-fonts/ionicons.woff') format('woff'),
         url('../bomnueter-fonts/ionicons.ttf') format('truetype'),
         url('../bomnueter-fonts/ionicons.svg#ionicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1.h-sig{
	width: 0;
	height: 1px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 0;
	line-height: 0;
	color:#FFFFFF;
	text-indent: -9999px;
}
h2{
	font-family: bliss-light, sans-serif;
	font-size: 3rem;
	font-weight: normal;
	color: #333;
	line-height: 126%;
	margin: 0 0 0.45em;
	padding: 0;
	transition: 0.4s ease;
}
h3{
	font-family: bliss, sans-serif;
	font-size: 2.1rem;
	font-weight: normal;
	line-height: 126%;
	color: #333;
	margin: 1em 0 0.75em;
	padding: 0;
}
h4{
	font-family: bliss, sans-serif;
	font-size: 1.65rem;
	font-weight: normal;
	line-height: 126%;
	color: #333;
	padding: 0;
	margin-bottom: 0.6em;
}
.head-center{
	text-align: center;
}
p{
	padding: 0 0 12px 0;
	margin: 0;
}
img{
	width: 100%;
	height: auto;
}
.clear-fix{
	clear: both;
}
p.clear-fix{
	padding-bottom: 0;
}
.nobr{
	white-space: nowrap;
}
.clearfix{
	clear: both;
}
.clearzero{
	line-height: 0;
	clear: both;
}
 
/*links
**************************************************/
a:link{
	text-decoration: none;
	color: #333;
}
a:visited{
	text-decoration: none;
	color: #333;
}
a:hover{
	text-decoration: none;
	color: #757575;
}
a:active{
	text-decoration: none;
	color: #ffb037;
}

/* Navigation 
**********************************************/

.use-hover li:hover ul{ 
	display: block;     /* Javascript Fallback jQuery Navigation */
}
.nav1 ul{
	position: absolute;
	top: 90px;
	left: 0;
	width: 372px;
	height: auto;
	font-size: 1.8rem;
	text-align: left;
	line-height: 1.2rem;
	margin: 0;
	padding: 48px 0 0 48px;
	background: url(../bilder/transp_weiss_15.png);
	display: none;
}
.nav-imp{
	position: absolute;
	top: 4px;
	right: 0;
	width: 72px;
	height: 24px;
}
.nav1 ul.nav,
.nav-imp ul.nav{
	list-style: none;
	color: #000;
}
.nav1 ul.nav li{
	width: 150px;
	height: 60px;
	font-size: 1.25em;
	white-space: nowrap;
}
.nav1 ul.nav li{
	padding-left: 30px;
}
.nav1 ul.nav li a,
.nav-imp ul.nav li a{
	display: block;
	list-style: none;
	font-weight: normal;
	line-height: 1.2em;
}
.nav1 ul.nav li a{
	color: #000;
	transition: 0.4s ease-in-out;
}
.nav1 ul ul{
	position: absolute;
	top: 24px;
	left: 0;
	width: auto;
	height: auto;
	white-space: nowrap;
	margin: 0;
	list-style: none;
	background: url(../bilder/transp_weiss_15.png); 
	padding: 1.15em 3.3em 0 0;
	display: none;
}
.nav1 ul ul li {
	font-size: 1em !important;
	line-height: 1em;
	padding: 0.5em 0 1em 0;
}
.nav1 li li{
	clear: left;
}
.nav1 ul.nav ul.nav-child li a{
	color: #333 !important;
}
.nav1 ul.nav ul.nav-child li a:hover{
	color: #757575 !important;
}

.nav-imp ul.nav li a{
	text-align: right;
	color: #fff;
	padding-right: 0;
}
.nav1 ul.nav li.current a:link,
.nav1 ul.nav li.current a:visited,
.nav1 ul.nav li.current.active a:visited,
.nav1 ul.nav li.current.active a:link,
.nav1 ul.nav li.current.active a:visited,
.nav1 ul.nav li.parent.active a:link,
.nav1 ul.nav li.parent.active a:visited,
.nav-imp ul.nav li.current a:visited{
	color: #ffb037;
	text-decoration: none;
}
.nav1 ul.nav li a:hover,
.nav-imp ul.nav li a:hover{
	text-decoration: none;
	transition: 0.4s ease-in-out;
}
.nav1 ul.nav li a:hover{color: #757575;}
.nav-imp ul.nav li a:hover{color: #ccc;}
.nav1 ul.nav li.item-125{
	display: none;
}
.start-footer{
	position: absolute;
	bottom: 42px;
	left: 50%;
	width: 60px;
	height: 30px;	
	margin-left: -30px;
}
/*.scroll{
	position: absolute;
	bottom: 42px;
	left: 50%;
	width: 60px;
	height: 30px;
	background: url(../bilder/pfeil-down_60.png) 0 0 no-repeat;
	margin-left: -30px;
	cursor: pointer;
	opacity: 1;
	z-index: 12;
	transition: 0.4s ease-in-out;
}*/
.scroll:hover{
	opacity: .6;
	transition: 0.4s ease-in-out;
}
#start{
	position: relative;
	height: 0;
	padding: 0;
	margin: 0;
}

/*Hamburger Button
**********************************************/
.nav-button{
	position: absolute;
	top: 27px;
	left: 12px;
	width: 45px;
	height: 42px;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	transition: 0.4s ease;
	z-index: 150;
}
.h-button .h-line{
  	width: 45px;
  	height: 6px;
  	background-color: #666;
  	display: block;
  	margin: 9px 0;
  	-webkit-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.4s ease-in-out;
}
.h-button:hover{
  cursor: pointer;
}
.h-button.is-active{
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.h-button.is-active .h-line:nth-child(2){
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.h-button .h-line:nth-child(2){
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.h-button.is-active .h-line:nth-child(2){
  opacity: 0;
}
.h-button.is-active .h-line:nth-child(1),
.h-button.is-active .h-line:nth-child(3){
  width: 36px;
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
}
.h-button.is-active .h-line:nth-child(1){
  -webkit-transform: translateY(17px) rotate(45deg);
  -ms-transform: translateY(17px) rotate(45deg);
  -o-transform: translateY(17px) rotate(45deg);
  transform: translateY(17px) rotate(45deg);
}
.h-button.is-active .h-line:nth-child(3){
  -webkit-transform: translateY(-17px) rotate(-45deg);
  -ms-transform: translateY(-17px) rotate(-45deg);
  -o-transform: translateY(-17px) rotate(-45deg);
  transform: translateY(-17px) rotate(-45deg);
}


/*Layout
**********************************************/

#buehne{
	position: relative;
	top: 0;
	width: 100%;
	height: auto !important;
	min-height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.kopf{
	position: fixed;
	top: 0;
	right: 0;
	width: 372px;
	height: 90px;
	background: url(../bilder/transp_weiss_15.png);
	transition: 0.4s ease;
	z-index: 1200;
}
.logo{
	position: relative;
	top: 36px;
	left: 78px;
	width: 72%;
	max-width: 420px;
	min-width: 150px;
	height: auto;
	padding-bottom: 12px;
	transition: 0.4s ease;
	z-index: 1;
}
/*.renault-logo{
	position: absolute;
	top: 12px;
	left: 1.5%;
	width: 78px;
	min-width: 15px;
	height: auto;
	transition: 0.4s ease;
	z-index: 12;
}*/
.renault-logo{
	position: absolute;
	top: 12px;
	left: 1.5%;
	width: 90px;
	min-width: 15px;
	height: auto;
	transition: 0.4s ease;
  	/*mix-blend-mode: difference;*/
	z-index: 12;
}
body.willkommen .start-window .head{
	position: absolute;
	display: block;
	top: 39%;
	left: 0;
	width: 100%;
	height: 0;
	color: #fff;
	/*background-color: rgba(66,66,66,.6);
	padding: 0.24% 3vw 450px;*/
	padding: 0;
	text-align: center;
	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);	
	transition: 0.4s ease;
	z-index: 1000;
}
body.willkommen .start-window .head h2{
	font-family: bliss, sans-serif;
	font-size: 7.5rem;
	font-weight: bold;
	/*letter-spacing: 1px;*/ 
	line-height: 100%;
	color: #fff;
}
body.willkommen .start-window .head h3{
	font-size: 2.65rem;
	margin: 0 0 2.1rem;
	color: #fff;
}
.head,
.fahrzeugbestand-head{
	position: absolute;
	left: 0;
	bottom: 20%;
	width: auto;
	height: auto;
	padding: 0 30px 0 7.5%;
	background-color: rgba(255,255,255,.8);
	transition: 0.4s ease;
	z-index: 1000;	
}
.head h2,
.fahrzeugbestand-head h2{
	font-size: 4.2rem;
	margin: 1rem 0;
	transition: 0.4s ease;
}
.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 660px;
}
#ba_unternehmen{
	display: none;
}
.start-item-image{
	display: none;
}
.inhalt{
	position: relative;
	display: block;
	left: 0;
	width: 100%;
	height: auto;
	padding-top: 90px;
	margin: 0;
	background-color: #FFF;	
	transition: 0.4s ease;
}
.article{
	width: 78%;
	max-width: 1500px;
	margin: 0 auto;
	padding: 60px 0 60px;
	clear: both;
}
#in_willkommen .article,
#in_kontakt .article,
#in_ueber-uns .article,
#in_esso-tankstelle .article,
#in_fahrzeugsuche .article,
#in_karriere .article,
#in_impressum .article,
#in_datenschutz .article{
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}
.inhalt ul{
	position: relative;
	left: 16px;
	width: 100%;
	padding-bottom: 0.6em;
}
.inhalt ul{
	margin-left: 6px;
	list-style-image: url(../bilder/li-zeichen.png);
}
.inhalt ul li{
	margin: 0 0 0.6em 0;
}
.akkordeon ul,
ul.bullets{
	list-style: none;
	margin-left: 0;
}
.akkordeon ul li,
ul.bullets li{
	position: relative;
	padding-left: 0.3rem;
    text-indent: -0.9rem;
}
.akkordeon ul li:before,
ul.bullets li:before{
	position: relative;
	top: 0;
	content:"\0203A";
	font-size: 1.5rem;
	color: #999;
	padding-right: 0.6rem;
	margin-left: -0.4rem;
}
.items-leading{
	position: relative;
	width: 100%;
}
.items-leading [itemprop="blogPost"]{
	position: relative;
	/*padding: 0 0 3rem 0;
	/*border-bottom: 15px solid #F4D9B7;*/
	clear: both;
}
.items-leading [itemprop="blogPost"]:last-of-type{
	border-bottom: none;
}

.items-leading [itemprop="blogPost"] figure.image-left{
	margin-left: -18%;
}
.fuss{
	position: relative;
	width: 100%;
	height: 120px;
	clear: both;
	background-color: #888;
	margin-top: 0;
	overflow: hidden;
}
.fuss h3{
	margin-bottom: 0.3em;
}
.fuss ul{
	position: relative;
	width: auto;
	height: auto;
	margin-right: 2em;
	float: left;
}
.fuss ul li{
	list-style: none;
	white-space: nowrap;
	margin-bottom: 0.3em;
	color: #fff;
}
.fuss ul li a{
	color: #fff;
}
.fuss ul li a:hover{
	color: #ccc;
}
span.fax{
	letter-spacing: 0.015em;
}
.wrapper{
	position: relative;
	width: 92%;
	line-height: 1.25em;
	margin: 0.6em auto;
}
hr{
	width: 40%;
	border: dotted 1px #999;
	margin: 1em 0 2em;
}

/* Inhalt Bilder
**********************************************/

.bg-img-left,
.bg-img-left-bc,
.bg-img-right,
.bg-img-right-tc,
.bg-img-right-cr,
.bg-img-right-br{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	background-size: cover;	
}
.bg-img-left-bc{
	left: 0;
	background-position: bottom center;
}
.bg-img-left{
	left: 0;
	background-position: center center;
}
.bg-img-right{
	right: 0;
	background-position: center center;	
}
.bg-img-right-tc{
	right: 0;
	background-position: top center;	
}
.bg-img-right-cr{
	right: 0;
	background-position: center right;	
}
.bg-img-right-br{
	right: 0;
	background-position: bottom right;	
}
.historie-bild_01,
#in_kontakt .leading-0 .kontakt-bild{
	display: none;
}


/* Icons
**********************************************/

.ion-phone,
.ion-fax,
.ion-mail,
.ion-download,
.ion-chevron-left,
.ion-chevron-down,
.ion-chevron-up,
.ion-play{
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ion-phone,
.ion-fax,
.ion-mail,
.ion-chevron-left,
.ion-chevron-down,
.ion-chevron-up,
.ion-play{
	font-family: ionicons;
	line-height: 0.6em;
	text-align: center;
	color: #fff;
}
.ion-download{
	font-family: ionicons;
	line-height: 1.825em;
}
.ion-phone:before{
	position: relative;
	content: "\f2d2";	
	top: 0.2rem;
	font-size: 1.2rem;
	padding-right: 7px;
}
.ion-fax:before{
	position: relative;
	content: "\f21a";	
	top: 0.1rem;
	font-size: 1.2rem;
	padding-right: 5px;
}
.ion-mail:before{
	position: relative;
	content: "\f132";	
	top: 0.1rem;
	font-size: 1.2rem;
	padding-right: 6px;
}
.ion-download:before{
	position: relative;
	content: "\f41f";
	top: -6px;
	font-size: 1.24em;
	color: #336699;
	float: left;
}
.ion-chevron-left:before{
	position: relative;
	content: "\f124";
	top: 0.1rem;
	font-size: 1.24em;
	color: #ffb037;
}
.ion-chevron-up{
	display: block;
	padding-top: 60px;
}
.ion-chevron-up:before{
	position: relative;
	content: "\f126";
	top: 0.1rem;
	font-size: 3rem;
	color: #999;
	transition: 0.4s ease;
}
.ion-chevron-down{
	position: relative;
	display: block;
}
.ion-chevron-down:before{
	position: relative;
	content: "\f123";
	top: 0.1rem;
	font-size: 3rem;
	color: #fff;
	transition: 0.4s ease;
}
.ion-chevron-up:hover:before{
	color: #ccc;
	transition: 0.4s ease;
}
.ion-chevron-down:hover:before{
	opacity: 0.6;
	transition: 0.4s ease;
}
.ion-play:before{
	position: relative;
	content: "\f215";
	font-size: 2.4rem;
	line-height: 3.72rem;
	color: #fff;
	padding-left: 3px;
	transition: 0.4s ease;
}
.ion-play:hover:before{
	color: #ccc;
	transition: 0.4s ease;
}

/* Start-image 
**********************************************/
.start-window{
	position: relative;
	background-position: center center;
	background-size: cover;
	overflow: hidden !important
}

.ws_images{
	height: 100% !important;
	background-size: cover !important;
	object-fit: cover !important;
}
.ws_images img{
	width: 150% !important;
	
}
.custom-background{
	display: none;
}

/* Willkommen · Über uns 
**********************************************/

#in_willkommen,
#in_ueber-uns,
#in_esso-tankstelle,
#in_kontakt{
	padding-top: 0;
}
.section{
	position: relative;
	min-height: 0;
	height: auto;
	padding-top: 4.5rem;
	padding-left: 6%;
	padding-right: 7.5%;
	padding-bottom: calc(10% - 2rem);
	transition: 0.4s ease;
}
#section-accent{
	padding: 1rem 7.5% 1.5rem;
	background-color: #888;
	color: #fff;
}
#section-accent h3{
	color: #fff;
	text-align: center;
}
.section-info{
	position: relative;
	min-height: 0;
	height: auto;
	padding-top: 1.8rem;
	padding-left: 6%;
	padding-right: 7.5%;
	padding-bottom: 1.5rem;
	transition: 0.4s ease;
}
/*.section:first-of-type{
	position: relative;
	padding-top: 0;
}*/
.section-info h3{
	margin-top: 0.3rem;
}
.section-info .werkstatt-zeit{
	width: calc(50vw - 7%);	
	float: left;
	transition: 0.4s ease;
}
.section-info .tankstelle-zeit{
	padding-left: 3%;
	float: left;
	transition: 0.4s ease;
}
.section-info td{
	font-size: 1.5rem;
	line-height: 150%;
}
.inhalt-l{
	padding-right: 54%;
}
.inhalt-r{
	padding-left: 54%;
}
.bg-anthrazit{
	color: #fff;
	background-color: #434343;
}
.bg-grau{
	color: #fff;
	background-color: #888;
}
.bg-grau h2,
.bg-anthrazit h2,
.bg-anthrazit h3,
.bg-rot h2,
.bg-rot h3{
	color: #fff;
}
.bg-gelb{
	background-color: #ffb037;
}
.bg-rot{
	color: #fff;
	background-color: #d8001c;
}
.inhalt .section#fahrrad ul h3{
	display: inline;
	font-size: 1.65rem;
	color: #888;
	line-height: 1rem;
	margin-top: 0;
}
.inhalt .section#fahrrad ul h3:hover{
	color: #ffb037;
}
.inhalt .section#fahrrad ul li{
	padding: 0.3rem 0;
	margin: 0 0 0.3rem;
}
.section a{
	color: #ffb037;
	white-space: nowrap;
	transition: 0.4s ease;
}
.section.bg-grau a{
	color: #ccc;
}
.section.bg-gelb a{
	color: #fff;
}
.section a:hover{
	color: #fff;
}
.section.bg-gelb a:hover{
	color: #999;
}
#werkstatt{
	width: 70%;
	margin-bottom: 30px;
	float: left;
}

/* Akkordeon
**********************************************/

.akkordeon{
		position: relative;	
		margin: 1rem 0 2rem;
		clear: both;
}
.bar{
	position: relative;
	color: #000;
	margin-top: 1rem;
	cursor: pointer; 
}
.bar:first-of-type{
	margin-top: 0;
}
.bar:before{
  	content: "";
  	float: left;
  	width: 18px;
  	height: 18px;
  	margin-right: 0.6rem;
  	margin-top: 0.4rem;
  	background: url(../bilder/plus.png) 0 0 no-repeat;
  	transform: rotate(0);
	-moz-transform:rotate(0);
 	-webkit-transform:rotate(0);
 	-o-transform:rotate(0);
 	-ms-transform:rotate(0);
	transition: .2s;
 	-moz-transition: .2s;
 	-webkit-transition: .2s;
 	-o-transition: .2s;
 	-ms-transition: .2s;
}
.bar h3{
	font-size: 1.5rem;
	margin-bottom: 0.3rem;
	transition: 0.4s ease;
}
.bar h3:hover{
	color: #999;
}
.content{
	position:relative;
	top: 0;
	left: 28px;
	text-decoration: none;
	padding-bottom: 0.3rem;
}
.content ul{
	margin-top: 0;
	list-style-type: none;
}
.content ul li{
	position: relative;
	left: 48px;
    text-indent: -0.9rem;
	white-space: normal !important;
	-webkit-hyphens: auto !important;
	-moz-hyphens: auto !important;
	-ms-hyphens: auto !important;
	hyphens: auto !important;
}
.content ul li:before{
	position: relative;
	top: 0;
	content:"\002b";
	font-size: 1.5rem;
	color: #999;
	padding-right: 0.6rem;
	margin-left: -0.4rem;
}
.current {
	color: #336699;
}
.bar.aktuell:before{
	transition: .2s;
 	-moz-transition: .2s;
 	-webkit-transition: .2s;
 	-o-transition: .2s;
 	-ms-transition: .2s;
	transform: rotate(45deg);
	-moz-transform:rotate(45deg);
 	-webkit-transform:rotate(45deg);
 	-o-transform:rotate(45deg);
 	-ms-transform:rotate(45deg);
}
.bar:hover:before {
	transition: .2s;
 	-moz-transition: .2s;
 	-webkit-transition: .2s;
 	-o-transition: .2s;
 	-ms-transition: .2s;
 	transform: rotate(45deg);
	-moz-transform:rotate(45deg);
 	-webkit-transform:rotate(45deg);
 	-o-transform:rotate(45deg);
 	-ms-transform:rotate(45deg);
}
.akkordeon-img{
	position: relative;
	width: 27%;
	max-width: 240px;
	height: auto;
	float: right;
}

/* Event
**********************************************/
.overlay-wrapper{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.75);
	z-index: 10000;
}
#buehne-event{
	position: absolute;
	top: 0;
	left: 15%;
	width: 70%;
	height: auto;
	bottom: 0;
	background-color: #fff;
	overflow: auto;	
	transition: 0.4s ease;
}
.back{
	position: absolute;
	top: 18px;
	right: 15px;
	width: 24px;
	height: 24px;
	background: url(../bilder/schliessen.png) 0 0 no-repeat;
	opacity: 1;
	transition: 0.4s ease;
	cursor: pointer;
}
.back:hover{
	opacity: 0.4;
	transition: 0.4s ease;
}
.title-wrapper{
	position: relative;
	top: 2.4rem;
	margin-bottom: 1rem;
}
h2.site-title,
h3.site-title,
h3.site-footer{
	text-align: center;
	transition: 0.4s ease;
}
h2.site-title{
	font-family: bliss, sans-serif;
	margin: 0 0 0.9rem;
}
h3.site-footer{
	margin: 1.5rem 0 1.5rem;
}
h3.site-title{
	margin: 0 0 2.1rem;
}	
.section-event{
	top: -8px;
	padding-top: 1.8rem;
	padding-bottom: calc(9% - 2.4rem);
	clear: both;
}
.section-event h2,
.section-event h3{
	margin: 1rem 0 0.45rem;
}
.section-event h3{
	font-size: 1.8rem;
}
.section50{
	position: absolute;
	top: 0;
	left: 50%;
	right: 0;
	width: 50%;
	bottom: 0;
	height: 100%;
	color: #000;
}
.inhalt-r-event {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-bottom: 0;
	transition: 0.4s ease;
}
.inhalt-r-event {
	padding-left: 12%;
}
.inhalt-r-event ul{
	font-size: 1.8rem;
	transition: 0.4s ease;
}
.inhalt-r-event ul li{
	line-height: 135%;
}
.inhalt-r-event ul li.highlights{
	margin-top: 1rem;
}
.section50 ul.bullets li:before {
	color: #000;
}
figure{
	position: relative;
	width: 47.4%;
	height: auto;
	z-index: 12;
}
figure.image50{
	display: block;
	width: 50%;
	height: auto;
	margin: 2rem 0 0;
	float: left;
}

/* Fahrzeugbestand - Fahrzeuge 
**********************************************/
#in_fahrzeugbestand{
	padding-top: 0;
}
#in_fahrzeugbestand .leading-0{
	color: #fff;
	background-color: #888;
}
#in_fahrzeugbestand .leading-0 h2,
#in_fahrzeugbestand .leading-0 h3{
	color: #fff;
}
#in_fahrzeugbestand .leading-1{
	background-color: #ffb037;
}


/* Fahrzeugbestand - 2. Ebene 
**********************************************/

body.unsere-fahrzeuge .start-window,
body.unsere-fahrzeuge .pull-none{
	display: none;
}
#in_unsere-fahrzeuge .start-item-image{
	display: block;
	position: relative;
	background-position: center center;
	background-size: cover;
	overflow: hidden !important;	
}
#in_unsere-fahrzeuge{
	padding-top: 0;
}
#in_unsere-fahrzeuge h4{
	color: #fff;
	float: right;
}
#in_unsere-fahrzeuge h5{
	font-size: 1.5rem;
	top: 0;
	left: 0;
	height: auto;	
	color: #fff;
	float: left;
	transition: 0.4s ease;
}
#in_unsere-fahrzeuge table td{
	padding-right: 2rem;
}
#in_unsere-fahrzeuge section{
	margin: 0 15% 30px 0;
	transition: 0.4s ease-in-out;
	float: left;
}
#in_unsere-fahrzeuge section ul li{
	list-style: none;
	white-space: nowrap;
}
#in_unsere-fahrzeuge section ul li:before{
	position: relative;
	font-family: ionicons;
	top: 0;
	content:"\f125";
	font-size: 1rem;
	color: #ffb037;
	padding-right: 0.75rem;
	margin-left: -18px;
}
#in_unsere-fahrzeuge .page-header{
	display: none;
}
.fahrzeug-info{
	background-color: #888;
}
.fahrzeug-info .article{
	padding-bottom: 90px;
}
.fahrzeug-info p{
	display: none;
}
.fahrzeug-details{
	background-color: #ffb037;
}
.fahrzeug-ausstattung{
	background-color: #fff;
}
.fahrzeug-galerie{
	margin-bottom: 0;
	transition: 0.4s ease;
}

/*rc gallery
**********************************************/
/*.rc_galleryimg_container{
	width: 33.3%!important;
	transition: 0.6s ease;
}
img.rc_galleryimg{
	width: 100%;
}
.rc_sb_image img{
	position: absolute;
	display: block !important;
}*/
.rc_galleryimg_container{
	transition: 0.6s ease;
}
img.rc_galleryimg{
	width: 100%;
}
.rc_sb_image img{
	position: absolute;
	display: block !important;
}
.rc_sb_image{
	width: auto;
	max-width: 1200px;
	height: auto !important;
}
.rc_sb_image img{
	position: absolute;
	display: block!important;
}
.rc_galleryimg_container{
	transition: 0.6s ease;
}
img, source {
    pointer-events: none;
}
img .rc_galleryimg{
	pointer-events: auto;
}

/* #Info-Buttons
------------------------------------*/

.pp-info{
	position: relative;	
	top: 60px;
	width: 100%;
	height: auto;
	clear: both;
}
.pp-info p{
	float: left;
}
.pp-info ul{
     position: relative;
	 display: inline-block;
	 width: auto;
	 left: 50%;
	 text-align: center;
     padding: 0;
	 margin: 0 auto 60px;
}
.pp-info ul li{
	position: relative;	
	right: 50%;
	height: auto;
	list-style: none;
	line-height: 1rem;
	text-align: center;
	background-color: #ffb037;
	padding: 1rem 9rem;
	margin: 0 30px;
	float: left;
	transition: 0.4s ease-in-out;
}
.pp-info .ion-mail:before{
	position: relative;
	content: "\f132";	
}
.pp-info .ion-phone:before{
	position: relative;
	content: "\f2d2";			
}
.pp-info .ion-chevron-left:before{
	line-height: 2.7rem;
	transition: 0.4s ease-in-out;
}
.pp-info .ion-mail:before,
.pp-info .ion-phone:before,
.pp-info .ion-chevron-left:before{
	top: 0.3rem;
	font-size: 2.4rem;
}
.pp-info ul li:hover,
.pp-info .ion-chevron-left:hover{
	opacity: 0.6;
	transition: 0.4s ease-in-out;
}

/* iframe
**********************************************/

iframe{
  width: 100%;
}
.embed-container{
	position: relative;
	width: 100%;
	right: 0;
	height: 0;
	height: auto;
  	padding-bottom: 90%; 
  	overflow: hidden; 
	margin-bottom: 60px;
	transition: 0.4s ease;
}
/*.embed-container-vr{
	position: relative;
	width: 100%;
	right: 0;
	height: 0;
	height: auto;
  	padding-bottom:54%; 
  	overflow: hidden; 
	transition: 0.4s ease;
}*/
.embed-container iframe{
  	position: absolute; 
 	 top: 0; 
  	left: 0; 
  	width: 100%; 
  	height: 100%; 
}

/* Leistungsspektrum
**********************************************/
/*ul.downloads{
	list-style-image: none;
	list-style: none;
	padding-left: 9px;
}
ul.downloads li:before{
	position: relative;
	top: 0.1em;
	font-family: ionicons;
	content: "\f41f";
	font-size: 1.5em;
	color: #6699CC;
	padding-right: 12px;
	margin: 0 0 1em -18px;
}
ul.downloads li{
	text-indent: -11px;
	margin: 0 0 1em;
}*/


/* Kontakt
**********************************************/
#in_kontakt .leading-0 .section{
	padding-bottom: calc(6% - 2rem);
}

#in_kontakt .leading-1 .section{
	padding: 7.5% 0 7.5% 40%;
}
#in_kontakt .inhalt-r{
	font-size: 1.5rem;
}
#in_kontakt .section a:hover{
	color: #ccc;
	transition: 0.4s ease;
}
.google-map{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
table{
	border-collapse: collapse;
	margin-bottom: 1.2em;
}
td{
	vertical-align: top;
	white-space: nowrap;
	padding: 0 15px 0 0;
}
iframe.embedGoogleMap,
.maps{
	position: absolute;
 	top: 0; 
  	left: 0; 
  	width: 50%;
  	height: 100%;
}
.maps iframe{
	position: absolute;
 	top: 0 !important; 
  	left: 0 !important; 
  	right: 0 !important;
	bottom: 0 !important;
	height: 100% !important;
}



/* Opt-in Google Maps
**********************************************/

.maps{
	background: url(../../../images/bilder/ph-google-maps.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size:  cover;
  	-o-background-size:  cover;
 	background-size:  cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='((../../../images/bilder/ph-google-maps.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/ph-google-maps.jpg', sizingMethod='scale')";	
  	overflow: hidden; 	
}
.opt-in-button{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40%;
	margin: 0 auto;
	padding: 18px 12px 15px 30px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);			
	cursor: pointer;
	background-color: #FFF;
	opacity: 0.85;
	transition: 0.4s ease;    
}
.opt-in-button h3{
	font-size: 1.5rem;
	margin-bottom: 1rem;
	transition: 0.6s ease;
}
.opt-in-button h3:hover{
	opacity: 0.6;
	transition: 0.6s ease;
}
.opt-in-button a{
	font-size: 1em !important;
	color: #e2001a;
	transition: 0.6s ease;
}
.opt-in-button a:hover{
	color: #999;
	transition: 0.6s ease;
}

/* RSContact Form
**********************************************/
.rscontact{
	width: 100%;
	margin:0;
}
form.mod-rscontact-contact-form{
	position: relative;
}
.control-group{
	margin-bottom: 1rem;
}
label.control-label{
	line-height: 210%;
}
.rscontact .controls select{
	appearance: none;
  	-webkit-appearance: none;
 	-moz-appearance: none;
  	width: auto;
  	background-color: transparent;
  	border: 1px solid #ccc;
	border-radius: 0;
  	padding: 3px 36px 3px 6px;
  	margin: 0;  	
  	font-family: inherit;
  	font-size: inherit;
  	line-height: inherit;
	background: url(../bilder/chevron-down_45.png) center right no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
  	cursor: pointer;  	
  	z-index: 1; /* Stack above custom arrow*/
  	outline: none; /* Remove focus outline, will add on alternate element*/
}
/*.rscontact .controls select:after{
	position: relative;
	content: "\f123";
	font-family: ionicons;
	top: 3px;
	font-size: 1.5rem;
	color: rgba(155,155,155,1) !important;
	margin-left: -33px;
	transition: 0.4s ease;
}*/
.rscontact input,
.rscontact textarea{
	width: 100%;
}
.controls input{
	height: 24px;
}
.rscontact label.checkbox div{
	position: relative;
	float: left;
}
.rscontact label.checkbox div:nth-of-type(2n){
	width: calc(100% - 36px);
}
.rscontact input[type="checkbox"]{
	width: 24px;
	height: 24px;
	margin: 0 12px 0 0;
}
/*.rscontact button.btn-primary.submit{
	display: block;
	border: none;
	background: none;
	padding: 0;
	margin-top: 2rem;
	cursor: pointer;
	transition: 0.4s ease;
}*/
.rscontact button.btn-primary:hover{
	color: rgba(155,155,155,1);
	transition: 0.4s ease;
}
button.btn-primary{
	display: block;
	margin-top: 0.45rem;
	border: none;
	padding: 6px 18px 4px !important;
	background-color: #ffb037;
	margin-top: 2rem;
	transition: 0.4s ease-in-out;
}
button.btn-primary:hover{
	color: #FFF;
	transition: 0.4s ease-in-out;
}


/* Impressum / Datenschutz
**********************************************/
.start-window#st_karriere,
.start-window#st_impressum,
.start-window#st_datenschutz{
	height: 600px;
	transition: 0.4s ease-in-out;
}
#in_karriere,
#in_impressum,
#in_datenschutz{
	width: 70%;
	max-width: 1500px;
	padding: 60px 0 45px;
	margin: 0 auto;
}
#in_datenschutz h3,
#in_impressum h3,
#in_karriere h3{
	margin: 1.5em 0 0.6em;
}
#in_impressum h4,
#in_datenschutz h4{
	margin: 0.9em 0 0.6em;
}

/*Jux MashUp
**********************************************/

.jux-container{
	display: block !important;
	height: 100% !important;
	transition: 0.4s ease;
}
#jux_mashup113.jux-mashup .jux-container.grid .mix{
	padding: 0;
}
.jux-mashup .jux-container .mix {
	transition: 0.4s ease-in-out;
}
.jux-item{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 !important;
	transition: 0.4s ease;
}
.jux-mashup .jux-container .mix .jux-item{
	line-height: 0;
}
.jux-mashup .jux-container .mix .jux-item .jux-image{
	border: none;
	transition: 0.4s ease;
}

.jux-container.grid{
	position: relative;
	top:0;
	left: -9px;
	width: calc(100% + 18px);
	height: auto;
	clear: both;
}
.jux-container.grid .fahrzeugbestand{
	position: relative;
	width: 33.33%;
	text-align: center;
	border: 9px solid transparent;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
	padding: 0 0 3rem;
	/*cursor: pointer;*/
	float: left;
	transition: 0.4s ease-in-out;
}
.fahrzeugbestand:after {
  	content: "" ;
  	display: block !important;
}
.jux-container.grid .fahrzeugbestand .jux-image{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 66.666%;
}
.jux-info{
	display: none;
}
.jux-mashup .jux-loadmore #ShowMore:hover{
  box-shadow: none; 
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  background-color: #9ea9aa;
  color: #FFF;
}
.jux-mashup .jux-container .mix .jux-item .jux-image .jux-image-overlay{
	height: 100%;
}
.jux-mashup .jux-container .mix .jux-item .jux-image:hover .jux-image-overlay{
	height: 100%;
	background-color: #666;
	border: none;
	opacity: 0.8;
}
.jux-title{
	position: absolute;
	top: 48%;
	width: 100%;
	text-align: left;
	padding-left: 2rem;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.jux-title h3{
	font-size: 1.5rem;	
	line-height: 1rem;
	text-align: left;
	padding: 0 0 0.3rem;
	margin: 0;
}
.jux-intro-title h4{
	text-align: left;
	padding-bottom: 1rem;	
}
.jux-intro-title h4 a{
	position: relative;
	font-size: 1.5rem;
	color: #fff;
}
.jux-title h3,
.jux-title h4{
	color: #fff;
}

h3.jux-title a{
	color: #FFF !important;
}
.jux-hover-image{
	left: 0;
	width: 90%;
	height: 90%;
	border: none !important;
}
.jux-introtext .fahrzeug-info{
	width: 100% !important;
	color: #fff;
	text-align: left;
	margin-left: 0 !important;
	background-color: transparent !important;
}

.jux-introtext .fahrzeug-info .article{
	width: 100%;
	margin-left: 0;
	padding: 0;
}
.jux-introtext .fahrzeug-info p{
	display: block;
}
.jux-introtext .fahrzeug-info h4{
	font-size: 1.125em;
	line-height: 1.25rem;
	color: #fff;
	text-align: left;
}
.jux-introtext .fahrzeug-info h5{
	display: none;
}
/*.jux-introtext{
	position: absolute;
	top: 50%;
	left: 0;
	text-align: left;
	color: #fff;
	padding: 0 3%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 6;
}*/

.jux-introtext p{
	font-size: 1.125em;
}
.jux-loadmore{
	display: none;
}

/*boxplus
**********************************************/
.play{
	position: relative;	
	top: 0.6rem;
	width: 90px;
	height: 60px;
	text-align: center;
	background-color: #ffb037;
	border-radius: 6px;
	margin-bottom: 2.4rem;
}
html > body > .boxplusx-container{
	background-color: rgba(0,0,0,0.8)
}
.boxplusx-dialog {
	background-color: transparent;
	color: #fff;
	border-radius: 0;
}
.boxplusx-video{
	cursor: pointer;
}
.boxplusx-video > .boxplusx-play{
	background-size: 15%;
}
.boxplusx-controls > .boxplusx-close {
	width: 24px;
	height: 24px;
	background-image: url(../bilder/close_24.png);
	margin-top: 9px;
	cursor: pointer;
	float: right;
	transition: 0.4s ease;
}
.boxplusx-controls > .boxplusx-close:hover{
	opacity: 0.6;
	transition: 0.4s ease;
}


/*owl-gallery
**********************************************/
/*.section-galerie{
	background-color: #888;
	color: #fff;
	padding: 4.5rem 0 4.8rem;	
}
.owl-carousel img{
	height: 450px;
	width: auto !important;
}
owl-item{
	margin: 0 12px !important;
}*/

/*sigplus
**********************************************/
.section-galerie{
	padding-bottom: 12px;
}
.sigplus-gallery{
	width: calc(100% + 18px);
}
.slideplus-container, .slideplus-viewport, .slideplus-content{
	width: 100%;
}
.slideplus-content{
	display: inline-block;
}
.slideplus-slot{
	width: 25% !important;
}
a.sigplus-image{
	width: 100%;
}
a.sigplus-image>img{
	width: 100% !important;
}
/*a.sigplus-image>img.sigplus-preview{
	width: 100% !important;
}*/
a.sigplus-image[href$=".mov"]:after, 
a.sigplus-image[href$=".mpg"]:after, 
a.sigplus-image[href$=".mp4"]:after, 
a.sigplus-image[href$=".ogg"]:after, 
a.sigplus-image[href$=".webm"]:after {
	width: 25%;
	height: 20%;
	background-size: 30%;
	transition: 0.4s ease;
}
.sigplus-gallery ul > li{
	width: 25% !important;
	border: 9px solid transparent;
	border-bottom: 2px solid transparent !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	transition: 0.4s ease;
}
.sigplus-gallery>ul>li{
	position: static !important;
}

.sigplus-gallery ul > li:hover{
	opacity: 0.6;
	transition: 0.4s ease;
}

body.esso-tankstelle span.ion-chevron-up{
	margin-bottom: 18px;
}


@media only screen and (min-width: 2400px) {
	
body{
	font-size: 130%;
}

/*Willkommen
**********************************************/


}


@media only screen and (max-width: 2400px) {
	
body{
	font-size: 125%;
}

/*Navigation
**********************************************/


}


@media only screen and (max-width: 2100px) {
	
/* Event
**********************************************/
.section-event h2{
	font-size: 2.7rem;
}
.section-event h3{
	font-size: 1.5rem;
}
.inhalt-r-event ul{
	font-size: 1.5rem;
}


}

@media only screen and (max-width: 1800px) {
	
body{
	font-size: 115%;
}

/* Navigation 
**********************************************/


/*Layout
**********************************************/
#buehne{
	margin-bottom: 0;
}
.fuss{
	height: 102px
}
#in_kontakt .inhalt-r{
	font-size: 1.35rem;
}

/* Fahrzeugbestand - 2. Ebene 
**********************************************/

/* Opt-in Google Maps
**********************************************/
.opt-in-button{
	width: 60%;
}

/* Karriere, Impressum/Datenschutz
**********************************************/
.start-window#st_karriere,
.start-window#st_impressum,
.start-window#st_datenschutz{
	height: 540px;
}
#in_Karriere,
#in_impressum,
#in_datenschutz{
	width: 78%;
}

}

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

/* Navigation 
**********************************************/

/*Layout
**********************************************/
.section{
	padding-top: 2.4rem;
}

/* Event
**********************************************/
#buehne-event{
	left: 10%;
	width: 80%;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 540px;
}

}


@media only screen and (max-width: 1500px) {
	
body{
	font-size: 100%;
}

/*Layout
**********************************************/
.section{
	padding-top: 1.5rem;
}
.fuss{
	height: 96px;
}

/* Event
**********************************************/
.section.section-event{
padding-left: 4.5%;
padding-right: 6%;
}
.section-event h2{
	font-size: 2.25rem;
}
.section-event h3{
	font-size: 1.35rem;
}
.inhalt-r-event {
	padding-left: 9%;
}
.inhalt-r-event ul{
	font-size: 1.35rem;
}


/* Fahrzeugbestand - 2. Ebene 
**********************************************/


/*kontakt
**********************************************/

#in_kontakt .inhalt-r{
	font-size: 1.2rem;
}

/* Impressum/Datenschutz
**********************************************/
.start-window#st_karriere,
.start-window#st_impressum,
.start-window#st_datenschutz{
	height: 480px;
}
#in_fahrzeugbestand .article,
#in_karriere,
#in_impressum,
#in_datenschutz{
	width: 84%;
}




}

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

/* Navigation 
**********************************************/


/*Layout
**********************************************/
.section.inhalt-l{
	padding-left: 4.5%;
}
.section.inhalt-r{
	padding-right: 4.5%;
}

/*Willkommen
**********************************************/
.maps iframe{
	height: 339px;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 480px;
}



}

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

/* Navigation 
**********************************************/



/*Layout
**********************************************/
body.willkommen .start-window .head h2{
	font-size: 10.5vw;
	/*letter-spacing: 1px;*/ 
}
body.willkommen .start-window .head h3{
	font-size: 3.84vw;
}
.head,
.fahrzeugbestand-head{
	padding: 0 24px 0 6%;
}
.head h2,
.fahrzeugbestand-head h2{
	font-size: 3.3rem;
	margin: 0.6rem 0;
}
.section{
	padding: 3rem 0 0;
}
.section-info{
	padding-left: 9%;
}
.inhalt-l, .inhalt-r{
	padding: 0 7.5% 2.4rem 9%;
}
.bg-img-left,
.bg-img-left-bc,
.bg-img-right,
.bg-img-right-tc,
.bg-img-right-cr,
.bg-img-right-br{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

/* Event
**********************************************/
.section.section-event{
	padding-top: 2.4rem;
	padding-bottom: 2.65rem;
}
.section.section-event .inhalt-l{
	padding: 0 50% 3rem 0;
}

/* Fahrzeugbestand - 2. Ebene 
**********************************************/
.pp-info ul{
	top: 3px;
}
.pp-info ul li{
	margin: 0 24px;
	padding: 0.75rem 7.5rem;
}

/*kontakt
**********************************************/
#in_kontakt .inhalt-r{
	display: inline-block;
	padding-top: 9%;
	padding-left: 50%;
    zoom: 1;
    display: inline; /* ie hack */
	-webkit-transform: translatesX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	filter: progid:DXImageTransform.Microsoft.Matrix(Dx=-50%);	
}
.google-map{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
iframe.embedGoogleMap,
.maps{
  	width: 100%; 
}

/* Opt-in Google Maps
**********************************************/
.maps{
	height: 100% !important;
}
.opt-in-button{
	padding: 12px 6px 9px 18px;
	width: 75%;
}
.opt-in-button h3{
	margin-bottom: 6px;
}

/* Impressum/Datenschutz
**********************************************/
.start-window#st_karriere,
.start-window#st_impressum,
.start-window#st_datenschutz{
	height: 420px;
}
.banner,
.custom_banner-impressum{
	position: relative;
	left: 0;
	width: 100%;
	height: 450px;
}

/*Jux-Mashup
**********************************************/
.jux-introtext p{
	font-size: 1em;
	margin-bottom: 0.5em !important;
}
h3.jux-title{
	font-size: 1.125em;
	line-height: 1em;
	text-align: center;
	padding: 0 0 0.24em;
	margin: 0;
}

/*sigplus
**********************************************/
.section-galerie{
	left: 7.5%;
	width: 78%;
	padding-bottom: 0;
}
.sigplus-gallery{
	width: calc(100% + 12px);
}
.sigplus-gallery ul > li{
	width: 33.33% !important;
	border: 6px solid transparent;
}
a.sigplus-image[href$=".mov"]:after, 
a.sigplus-image[href$=".mpg"]:after, 
a.sigplus-image[href$=".mp4"]:after, 
a.sigplus-image[href$=".ogg"]:after, 
a.sigplus-image[href$=".webm"]:after {
	width: 33.33%;
	height: 14%;
	background-size: 30%;
}

}

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

/* Navigation 
**********************************************/


/*Layout
**********************************************/

.section-info .tankstelle-zeit{
	padding-left: 9%;
}

/*Event
**********************************************/

.section.section-event {
padding-left: 3%;
padding-right: 4.5%;
}
.section-event h2 {
	font-size: 2rem;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 420px;
}

/*Jux MashUp
**********************************************/

.jux-mashup .jux-container .mix {
    width: 50%!important;
}


}


@media only screen and (max-width: 960px) {
	
body{
    -webkit-text-size-adjust: none;
}	
	
h2{
	font-size: 2.4rem;
}
h3{
	font-size: 1.95rem;
}
h4{
	font-size: 1.5rem;
}

/* Navigation 
**********************************************/

.nav1 ul{
	top: 60px;
	width: 270px;
	font-size: 1.35rem;
	line-height: 1.35rem;
	padding: 24px 0 0 30px;
}
.nav1 ul.nav li{
	height: 45px;
}
.start-footer{
	bottom: 24px;
}

/*Hamburger Button
**********************************************/
.nav-button{
	top: 15px;
	width: 36px;
	height: 30px;
}
.h-button .h-line{
  	width: 33px;
  	height: 3px;
  	display: block;
  	margin: 8px 0;
  	-webkit-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

.h-button.is-active .h-line:nth-child(1),
.h-button.is-active .h-line:nth-child(3){
  width: 24px;
}

.h-button.is-active .h-line:nth-child(1){
  -webkit-transform: translateY(12px) rotate(45deg);
  -ms-transform: translateY(12px) rotate(45deg);
  -o-transform: translateY(12px) rotate(45deg);
  transform: translateY(12px) rotate(45deg);
}

.h-button.is-active .h-line:nth-child(3){
  -webkit-transform: translateY(-12px) rotate(-45deg);
  -ms-transform: translateY(-12px) rotate(-45deg);
  -o-transform: translateY(-12px) rotate(-45deg);
  transform: translateY(-12px) rotate(-45deg);
}	

/*Layout
**********************************************/
.kopf{
	width: 270px;
	height: 60px;
}
.logo{
	top: 21px;
	left: 60px;
	width: 72%;
}
/*.renault-logo{
	top: 0;
	left: 0;
	width: 60px;
}*/
.renault-logo{
	top: 6px;
	width: 9%;
}
.head,
.fahrzeugbestand-head{
	bottom: 18%;
	padding: 0 15px 0 4.8%;
}
.head h2,
.fahrzeugbestand-head h2{
	font-size: 2.7rem;
	margin: 0.75rem 0;
}
.section{
	padding: 2rem 0 0;
}
.section#fahrrad .bg-img-right-br{
	padding-bottom: calc(56.25% + 96px);
}
.inhalt .section#fahrrad ul h3{
	font-size: 1.5rem;	
}
.inhalt .section#fahrrad ul li{
	padding: 0.15rem 0;
}
.section-info .werkstatt-zeit{
	padding-right: 0;
}
.section-info .tankstelle-zeit{
	padding-left: 0;
	float: right;
}
.section-info td{
	font-size: 1.2rem;
}

/*Event
**********************************************/
#buehne-event {
	left: 3%;
	width: 94%;
	}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 390px;
}
.banner iframe.embedGoogleMap,
.maps,
.maps iframe{
	height: 390px;
}

/* Karriere, Impressum/Datenschutz
**********************************************/
.start-window#st_karriere,
.start-window#st_impressum,
.start-window#st_datenschutz{
	height: 360px;
}
}

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


/* Navigation 
**********************************************/


/*Layout
**********************************************/

/* Fahrzeugbestand - 2. Ebene 
**********************************************/
#in_unsere-fahrzeuge h5{
	font-size: 1.2rem;
	padding-top: 3px;
}
.pp-info ul{
	top: 6px;
}
.pp-info ul li{
	margin: 0 18px;
	padding: 0.6rem 6rem;
}
.pp-info .ion-mail:before,
.pp-info .ion-phone:before{
	font-size: 2.1rem;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 360px;
}
.banner iframe.embedGoogleMap,
.maps,
.maps iframe{
	height: 510px;
}

/*Videobox
**********************************************/
#vbCenter{
	width: 60% !important;
}
#vbResponsive{
	padding-bottom: 56.25%!important;
}

}

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

/* Layout 
**********************************************/
body.willkommen .start-window .head h2{
	font-size: 9vw;
	/*letter-spacing: 1px;*/ 
}
body.willkommen .start-window .head h3{
	font-size: 3.225vw;
	margin: 0;
}


}

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

/* Navigation 
**********************************************/

/*Layout
**********************************************/
.ion-chevron-down:before,
.ion-chevron-up:before{	
	font-size: 2.4rem;
}

/*Event
**********************************************/
.section-event h2 {
	font-size: 1.8rem;
}
.section-event h3 {
	font-size: 1.2rem;
}
.inhalt-r-event ul {
	font-size: 1.2rem;
}

/* Fahrzeugbestand - 2. Ebene 
**********************************************/

.rc_galleryimg_container{
	width: 100% !important;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 330px;
}
.banner iframe.embedGoogleMap,
.maps,
.maps iframe{
	height: 450px;
}

/* Impressum/Datenschutz
**********************************************/
.start-window#st_karriere,
.start-window#st_impressum,
.start-window#st_datenschutz{
	height: 300px;
}

/*sigplus
**********************************************/
.sigplus-gallery{
	width: calc(100% + 12px);
}
.sigplus-gallery ul > li{
	width: 50% !important;
	border: 6px solid transparent;
}
a.sigplus-image[href$=".mov"]:after, 
a.sigplus-image[href$=".mpg"]:after, 
a.sigplus-image[href$=".mp4"]:after, 
a.sigplus-image[href$=".ogg"]:after, 
a.sigplus-image[href$=".webm"]:after {
	width: 50%;
	height: 10%;
	background-size: 30%;
}
}

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

/* Navigation 
**********************************************/

/*Event
**********************************************/
.section-event h2 {
	font-size: 1.65rem;
}

/* Fahrzeugbestand - 2. Ebene 
**********************************************/
.pp-info ul{
	top: 9px;
}
.pp-info ul li{
	margin: 0 12px;
	padding: 0.45rem 4.5rem;
}
.pp-info .ion-mail:before,
.pp-info .ion-phone:before{
	font-size: 2.1rem;
}


/*kontakt
**********************************************/

.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 300px;
}
.banner iframe.embedGoogleMap,
.maps,
.maps iframe{
	height: 300px;
}


}

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

h2{
	font-size: 2.1rem;
	line-height: 2.7rem;
}
h3{
	font-size: 1.65rem;
	line-height: 2.25rem;
}
h4{
	font-size: 1.35rem;
	line-height: 1.8rem;
}

/* Navigation 
**********************************************/

.nav1 ul{
	top: 54px;
	width: 234px;
	font-size: 1.125em;
	line-height: 1.125em;
	padding: 18px 0 0 24px;
}
.nav1 ul.nav li{
	height: 39px;
}


/*Hamburger Button
**********************************************/
.nav-button{
	top: 14px;
	width: 30px;
	height: 24px;
}
.h-button .h-line{
  	width: 30px;
  	height: 3px;
  	display: block;
  	margin: 6px 0;
  	-webkit-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

.h-button.is-active .h-line:nth-child(1),
.h-button.is-active .h-line:nth-child(3){
  width: 21px;
}

.h-button.is-active .h-line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

.h-button.is-active .h-line:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}	

/*Layout
**********************************************/

.kopf{
	width: 234px;
	height: 54px;
}
.logo{
	top: 19px;
	left: 55px;
}
.renault-logo{
	width: 54px;
}

.head,
.fahrzeugbestand-head{
	bottom: 18%;
	padding: 0 9px 0 4.5%;
}
.head h2,
.fahrzeugbestand-head h2{
	font-size: 2.4rem;
	margin: 0.45rem 0;
}
.start-footer{
	bottom: 15px;
}
.inhalt ul{
	width: 94%;
}
.inhalt .section#fahrrad ul h3 {
	font-size: 1.35rem;	
}
#werkstatt{
	width: 66%;
}
/*Event
**********************************************/

figure.image50 {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	float: none;
	}
figure.image50:first-of-type{
	margin-top: 2rem;
} 
figure.image50:last-of-type{
	margin-top: -8px;
}
.section.section-event{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
} 
.section.section-event .inhalt-l {
	padding: 0 6% 3rem 18%;
}
.section-event h2,
.section-event h3{
	line-height: 126%;
}
.section-event h2{
	font-size: 2.25rem;
}
.section-event h3{
	font-size: 1.35rem;
}
.section50 {
	position: relative;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	float: none;
}
.inhalt-r-event{
	padding-left: 16.5%;
} 
.inhalt-r-event ul{
	position: relative;
	top: 150px;
	font-size: 1.35rem;
	padding: 6% 0;
}

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 270px;
}
.banner iframe.embedGoogleMap,
.maps,
.maps iframe{
	height: 270px;
}


/* Opt-in Google Maps
**********************************************/
.opt-in-button{
	width: 78%;
}

/*Datenschutz / Impressum
**********************************************/
#mob2_datenschutz,
#mob2_impressum{
	display: none !important;
}
.start-window#st_karriere,
.start-window#st_impressum,
.start-window#st_datenschutz{
	height: 240px;
}

/*Jux MashUp
**********************************************/
 .jux-mashup .jux-container .mix {
    width: 100%!important;
  }
  
/*sigplus
**********************************************/
.section-galerie{
	left: 5.4%;
	width: 86%;
}
.sigplus-gallery{
	width: calc(100% + 12px);
}
.sigplus-gallery ul > li{
	width: 100% !important;
	border: 6px solid transparent;
}
a.sigplus-image[href$=".mov"]:after, 
a.sigplus-image[href$=".mpg"]:after, 
a.sigplus-image[href$=".mp4"]:after, 
a.sigplus-image[href$=".ogg"]:after, 
a.sigplus-image[href$=".webm"]:after {
	width: 100%;
	height: 5%;
	background-size: 30%;
}  

}

@media only screen and (max-width: 600px) {
	
/* Navigation 
**********************************************/


/* Layout
**********************************************/

/*kontakt
**********************************************/

.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 240px;
}
.banner iframe.embedGoogleMap,
.maps,
.maps iframe{
	height: 360px;
}	

	
}

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

/* Navigation 
**********************************************/

/* Layout
**********************************************/	
.section-info .werkstatt-zeit{
	width: 96%;
	transition: 0.4s ease;
}
.section-info .tankstelle-zeit{
	float: left;
}


/* Fahrzeugbestand - 2. Ebene 
**********************************************/
#in_unsere-fahrzeuge h5{
	font-size: 1rem;
	padding-top: 5px;
}
.pp-info ul{
	top: 9px;
}
.pp-info ul li{
	margin-bottom: 18px;
	padding: 0.6rem 36%;
}
.pp-info .ion-mail:before,
.pp-info .ion-phone:before{
	font-size: 2.1rem;
}


/*kontakt
**********************************************/

.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 210px;
}

}

@media only screen and (max-width: 480px) {
	
/* Navigation 
**********************************************/

/* Layout
**********************************************/
.fuss{
	height: 168px;
}
.fuss ul{
	margin-bottom: 1em;
	float: none;
}

/* Event 
**********************************************/
.section.section-event {
	padding-top: 1.2rem;
}
.section.section-event .inhalt-l {
	padding: 0 6% 3rem 12%;
}
.inhalt-r-event{
	padding-left: 11.5%;
} 
.inhalt-r-event ul {
	top: 165px;
}



/*kontakt
**********************************************/

.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 180px;
}
.banner iframe.embedGoogleMap,
.maps,
.maps iframe{
	height: 240px;
}	


/* Impressum/Datenschutz
**********************************************/
.start-window#st_karriere,
.start-window#st_impressum,
.start-window#st_datenschutz{
	height: 180px;
}

}

@media only screen and (max-width: 450px) {
	
/* Navigation 
**********************************************/


/* Opt-in Google Maps
**********************************************/
.opt-in-button{
	padding: 12px 6px 9px 18px;
}
.opt-in-button{
	width: 90%;
}


}

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

/* Navigation 
**********************************************/	
.nav2{
	bottom: 0;
}
.nav2 ul.nav li,
.nav2 ul.nav li:first-of-type{
	line-height: 1.15em;
	padding-bottom: 15px;
}

/* Event 
**********************************************/

.section.section-event .inhalt-l {
	padding: 0 6% 3rem 6%;
}
.inhalt-r-event{
	padding-left: 10.5%;
} 

}

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

/* Event 
**********************************************/
h3.site-title,
h3.site-footer {
	font-size: 1.5rem;
  }
}