/*
	c:; goeldiweb.ch
*/
/*
    This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/
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;
}
sup { vertical-align: top; position: relative; top: -0.5em; font-size:0.7em;}
/* Paul Irish said:; http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
/* 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;
}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}
/********************************************************/
/** end reset.css                                    ****/
/********************************************************/

/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* LAYOUT
/*********************************/
body {
	background-color: #e3e3e2;
}

body, a {
	font-family:'Helvetica Neue LT Light',Helvetica,Arial,sans-serif;
	font-size:30px;
	font-weight:normal;
	text-decoration: none;
	color: #414141;
}
#w {
	max-width:1288px;
	margin: 0 auto;
	background-color:#fff;
	position:relative;
	min-height: 100vh;
}
#w > div {
	position:relative;
}
.inner-center {
	margin: 0 auto;
	max-width:1046px;
}

/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** HAEDER
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
.brands,#top,#header {
	display: none;
}
.single-image img {
	max-width:100%;
	height: auto;
}
#mob-header {
	height: 45px;
	background-color: #e3e3e2;
}
#mob-header > span {
	display: block;
	padding-left:46px;
	font-family:'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
	height:45px;
	line-height: 45px;
	font-size:18px;
	color: #3c3c39;
	text-align: center;
}
#mob-header > span.claim-full {
	font-size:15px;
}
#mob-header .claim-reduced span {
	display: none;
}
#mob-header span span, #mob-header .claim-reduced {
	text-transform: uppercase;
}
#mob-header img {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 45px;
	padding: 10px 10px;
	border-right: 1px solid #a0a0a0;
	cursor: pointer;
}
#mob-header .claim-full {
	display:none;
}
/********************************************************************************************************************************************************/
/*** mob header full
/********************************************************************************************************************************************************/
@media screen and (min-width:320px) {
#mob-header .claim-reduced span {
	display: inline; 
}
}
/********************************************************************************************************************************************************/
/*** mob header full
/********************************************************************************************************************************************************/
@media screen and (min-width:620px) {
#mob-header .claim-full {
	display: block;
}
#mob-header .claim-reduced {
	display: none;
}
}
/********************************************************************************************************************************************************/
/*** mob header full
/********************************************************************************************************************************************************/
@media screen and (min-width:675px) {
#mob-header > span.claim-full {
	font-size:17px;
}
}
/********************************************************************************************************************************************************/
/*** show brands
/********************************************************************************************************************************************************/
@media screen and (min-width:835px) {
#mob-header {
	display: none;
}
#top {
	display: block;
	height:18px;
	background-color: #f0b500;
}
#header {
	display: block;
	height: 199px;
	box-shadow: 0 22px 30px -29px rgba(0, 0, 0, 0.9);
	z-index:100;
}
.brands {
	height: 144px;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.brands a {
	flex:0 1 auto;
}
.claim {
	font-family:'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
	font-size:17px;
	padding-right:30px;
	letter-spacing: 0.03em;
	text-align: right;
	flex:1 0 auto;
}
.logo {
	padding-left:20px;
}
}
/********************************************************************************************************************************************************/
/*** claim to the right
/********************************************************************************************************************************************************/
@media screen and (min-width:1050px) {
.claim {
	padding-right:50px;
}
}
/********************************************************************************************************************************************************/
/*** claim to the right
/********************************************************************************************************************************************************/
@media screen and (min-width:1075px) {
.claim {
	padding-right:60px;
}
}
/********************************************************************************************************************************************************/
/*** claim to the right
/********************************************************************************************************************************************************/
@media screen and (min-width:1100px) {
.claim {
	padding-right:70px;
}
}
/********************************************************************************************************************************************************/
/*** claim to the right
/********************************************************************************************************************************************************/
@media screen and (min-width:1125px) {
.claim {
	padding-right:80px;
}
}
/********************************************************************************************************************************************************/
/*** claim to the right
/********************************************************************************************************************************************************/
@media screen and (min-width:1150px) {
.claim {
	padding-right:85px;
}
}
/********************************************************************************************************************************************************/
/*** claim to the right
/********************************************************************************************************************************************************/
@media screen and (min-width:1175px) {
.claim {
	padding-right:100px;
}
}
/********************************************************************************************************************************************************/
/*** claim to the right
/********************************************************************************************************************************************************/
@media screen and (min-width:1200px) {
.claim {
	padding-right:110px;
}
}
/********************************************************************************************************************************************************/
/*** claim to the right
/********************************************************************************************************************************************************/
@media screen and (min-width:1255px) {
.claim {
	padding-right:115px;
}
}
/********************************************************************************************************************************************************/
/*** claim to the right
/********************************************************************************************************************************************************/
@media screen and (min-width:1288px) {
.claim {
	padding-right:121px;
}
}
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** NAVIGATION
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
.mainnav {
	display: none;
}
.mobile-nav-canvas {
	position:absolute !important;
	height:calc(100% - 45px);
	background-color: #e4e4e3;
	width:100%;
	top:45px;
	left:-900px;
	z-index:200;
}
.mobile-nav-canvas a, .mobile-nav-canvas span {
	display: block;
	font-size: 20px;
	line-height: 55px;
	height: 55px;
	text-decoration: none;
	color: #000;
	font-family: 'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 200;
}
.mobile-nav-canvas a {
	border-bottom:1px solid #000;
	padding-left: 30px;
}
.mobile-nav-canvas a.notimportant {
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	border-bottom:0;
	color:#909090;
}
.mobile-nav-canvas a.notimportant.first {
	margin-top:55px;
}
.mobile-nav-canvas a.notimportant span{
	font-size: 12px;
	line-height: 15px;
	height: 15px;
	color:#909090;
}
.mobile-nav-canvas .mobile-nav-close {
	height: 28px;
	width: 28px;
	margin-top: 14px;
}
.mobile-nav-canvas .mobile-nav-closer {
	background-color: #f0b500;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 580px) {
.mobile-nav-canvas {
	width:70%;
}
}
/********************************************************************************************************************************************************/
/*** show main navigation
/********************************************************************************************************************************************************/
@media screen and (min-width:835px) {
.mobile-nav-canvas, .footer_mobile_agb {
	display:none;
}
.mainnav {
	display: flex;
	height:54px;
	max-width:1288px;
	border-top:1px solid #717171;
}
.mainnav a {
	height:54px;
	border-bottom:6px solid #fff;
	flex: 1 0 auto;
	display: block;
	text-align:center;
}
.mainnav a:hover, .mainnav a.active {
	border-bottom:6px solid #f0b500;
}

.mainnav a span {
	color: #3b3c38;
	text-transform: uppercase;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	margin-top: 12px;
	height: 26px;
	border-right: 1px solid #3b3c38;
	display: block;
	letter-spacing: 0.08em;
}
.mainnav a:last-child span{
	border-right:none;
	padding-right: 0;
}	
}
/********************************************************************************************************************************************************/
/*** enlarge font size
/********************************************************************************************************************************************************/
@media screen and (min-width:1288px) {
.mainnav {
	max-width:1046px;
}
}
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** MEDIA
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
#media {
	overflow:hidden;
	position: relative;
	max-width:100%;
}
#slider {
	width:2092px;
	position:relative;
	height:468px;
}
#slider img {
	width:100%;
}
#slider > div, #slider > a {
	float:left;
	position: relative;
	height:100%;
	display: block;
}
.flag {
	position:absolute;
	width:570px;
	height:178px;
	top:75px;
}
.flag.top-right {
	right:0;
	background: transparent url(img/flag-top-right.png) no-repeat 0 0;
}
.flag.top-right.extended {
	right:0;
	background: transparent url(img/flag-top-right-extended.png) no-repeat 0 0;
	width:616px;
}
.flag.top-left {
	left:0;
	width:594px;
	background: transparent url(img/flag-top-left.png) no-repeat 0 0;
}
.flag.bottom-left {
	left:0;
	background: transparent url(img/flag-top-left.png) no-repeat 0 0;
}
.flag.bottom-left.extended {
	left:0;
	top:268px;
	background: transparent url(img/flag-bottom-left-extended.png) no-repeat 0 0;
	width:616px;
}
.flag1 {
	font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    margin: 49px 0 8px 52px;
}
.flag2 {
	font-size:36px;
	font-family:'Helvetica Neue LT Medium',Helvetica,Arial,sans-serif;
	color:#fff;
	text-transform: uppercase;
	margin: 0 0 0 52px;
}
.top-left .flag1, .bottom-left .flag1 {
	margin: 49px 0 8px 22px;
}
.top-left .flag2, .bottom-left .flag2 {
	margin: 0 0 0 22px;
}
#slider-bullets {
	position:absolute;
	height: 24px;
	bottom: 15px;
	left:0;
	width:100%;
	justify-content: center;
	display: none;
}
#slider-bullets > div {
	position:relative;
	width:24px;
	height:24px;
	margin:0 7.5px;
	cursor: pointer;
}
#slider-bullets > div > img {
	position:absolute;
	top:0;
	left:0;
	display: block;
}
#slider-bullets > div > img.active {
	display: none;
}
#slider-bullets > div:hover img, #slider-bullets > div.active > img.active {
	display: block;
}
.pfeil {
	position:absolute;
	top:48%;
	cursor: pointer;
	display: none;
}
.pfeil:hover {
	opacity: 0.8;
}
.pfeil.links {
	left:60px;
}
.pfeil.rechts {
	right:60px;
}
/********************************************************************************************************************************************************/
/*** media sizes
/********************************************************************************************************************************************************/
@media screen and (min-width:670px) {
.car-detail-canvas .pfeil {
	display: inline;
}
}
/********************************************************************************************************************************************************/
/*** media sizes
/********************************************************************************************************************************************************/
@media screen and (min-width:768px) {
#slider-bullets {
	display: flex;
}
}

/********************************************************************************************************************************************************/
/*** media sizes
/********************************************************************************************************************************************************/
@media screen and (min-width:1046px) {
.media-wrapper #media {
	max-width:1046px;
}
}
/********************************************************************************************************************************************************/
/*** media sizes
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 1288px) {
#slider-bullets {
	display: none;
}
.pfeil {
	display: inline;
}
}
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** SLOGAN 
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/

.slogan {
	background-color: #fff;
	z-index:80;
}
.slogan h2 {
	line-height: 30px;
	color:#414141;
	font-size: 25px;
	text-align: center;
	text-transform: uppercase;
	font-family:'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
	letter-spacing: 0.03em;
	margin:38px 0 25px;
	padding: 0 10px;
}
.slogan.small h2 {
	margin:35px 0;
}
.slogan_desktop {
	display: none;
}
/********************************************************************************************************************************************************/
/*** 
/********************************************************************************************************************************************************/
@media screen and (min-width:300px) {
.slogan h2 {
	padding: 0 30px;
}
}
/********************************************************************************************************************************************************/
/*** 
/********************************************************************************************************************************************************/
@media screen and (min-width:700px) {
.slogan_desktop {
	display: block;
}
.slogan_mobile {
	display: none;
}
}
/********************************************************************************************************************************************************/
/*** full width slogan
/********************************************************************************************************************************************************/
@media screen and (min-width:870px) {
.slogan h2 {
	padding:0;
}
.slogan h2 {
	line-height: 25px;
	font-size: 20px;
	}
}

/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** STATICS / CONTENT
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
.content-statics {
	min-height:200px;
	margin-bottom:35px;
	padding: 0 10px;
}
.content-statics p, .content-statics p a {
	color: #000;
	font-size: 16px;
	margin-bottom: 18px;
	line-height: 20px;
	letter-spacing: 0.03em;
}
.content-statics p strong, .content-statics p b, .teaser p b, .teaser p strong {
	font-family:'Helvetica Neue LT Medium',Helvetica,Arial,sans-serif;
}
.content-statics p a:hover {
	text-decoration: underline;
}
.content-statics p a.orange {
	color:#f4a000;
	font-family:'Helvetica Neue LT Bold',Helvetica,Arial,sans-serif;
}
.pikett-teaser {
	text-align: center;
	justify-content: flex-end;
	background-color: transparent !important;
}
.pikett-teaser a:hover {
	opacity:0.6;
}
.teaser.pikett-teaser img {
	max-width:80%;
}
.single-image a:hover {
	opacity: 0.7;
}
.mobile_agb {
	font-size:17px;
}
.mobile_agb:hover {
	text-decoration: underline;
}
.footer_mobile_agb {
	text-align: right;
	margin:0 15px 15px;
}
.agb-statics .title-top {
	font-family:'Helvetica Neue LT Bold',Helvetica,Arial,sans-serif;
}
.agb-statics .title {
	font-family:'Helvetica Neue LT Bold',Helvetica,Arial,sans-serif;
	margin-bottom:0;
}
/********************************************************************************************************************************************************/
/*** 
/********************************************************************************************************************************************************/
@media screen and (min-width:370px) {
.content-statics {
	padding:0 25px;
}
}
/********************************************************************************************************************************************************/
/*** 
/********************************************************************************************************************************************************/
@media screen and (min-width:780px) {
.teaser.pikett-teaser img {
	max-width:100%;
}
}
/********************************************************************************************************************************************************/
/*** full width statics
/********************************************************************************************************************************************************/
@media screen and (min-width:1080px) {
.content-statics {
	padding:0;
}
}

/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** NEWS
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
.news-box {
	border-top:2px solid #f0b500;
	padding:35px 0 13px;
	display: block;
	position: relative;
}
.content-statics .news-box a:hover, .content-statics .news-box:hover {
	text-decoration: none;
}
.news-box img {
	max-width:100%;
}
.news-box h2 {
	line-height: 25px;
	color:#000;
	font-size: 20px;
	text-transform: uppercase;
	font-family:'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
	letter-spacing: 0.03em;
	margin: 20px 0 8px 0;
	flex:0 1 auto;
}
.news-box > h2, .news-box > div, .news-box > p {
	padding:0 12px;
}
.news-box .headline {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.news-box .headline .datum {
	font-size: 12px;
	text-align: right;
	margin-bottom: 25px 0 0;
	flex: 1 0 auto;
}
a.news-box:hover h2 {
	color:#f0b500;
}
a.news-box:hover p {
	color:#c0c0c0;
}
a.news-box:hover img {
	opacity:0.7;
}
.vimeo-container { 
	position: relative; 
	padding-bottom: 56.25% !important; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
.vimeo-container iframe, .vimeo-container object, .vimeo-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** CAR MASK  
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
#car-mask {
	display:none;
	position: absolute;
	top:280px;
	width:1288px;
}
.car-detail {
	background-color: #c9c7c6;
	display: flex;
	justify-content: space-between;
}

#car-bild-canvas {
	width:56.8%;
	flex: 1 0 auto;
	padding:0 0 28px 28px;
}
#car-prop-canvas {
	width:43.2%;
	flex: 1 0 auto;
	padding:28px;
}
.car-detail #media {
	width:706px;
	height:529px;
}

.car-detail #slider {
	width:1412px;
}

.car-detail-lightbox.car-detail #slider img {
	width:706px;
}
.car-detail .pfeil {
	top:38%;
}
.car-detail .pfeil.links {
	left:0;
}
.car-detail .pfeil.rechts {
	right:0;
}
#car-thumbs {
	display:flex;
	margin:16px 0;
	align-items:flex-start;
}
#car-thumbs img {
	width:111px;
	margin-right:8px;
	cursor: pointer;
}
#car-thumbs img:last-child {
	margin-right:0;
}
#car-kontakt {
	display: flex;
	justify-content: space-between;
}
#car-kontakt a {
	display: block;
	width:349px;
	flex:0 1 auto;
	background-color: #3b3c38;
	text-align: center;
	height:36px;
	line-height: 36px;
	color: #f0b500;
	font-size:16px;
	font-family:'Helvetica Neue LT Medium',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
}
#car-kontakt a:hover {
	color:#fff;
}
#car-prop-canvas p, #car-prop-canvas span, #car-prop-canvas a, #car-prop-canvas li {
	font-size:14px;
	line-height: 17px;
	color:#000;
}
#car-titel {
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}
.car-close-wrapper {
	flex: 1 0 auto;
	text-align: right;
}
#car-titel h2 {
	flex:1 0 auto;
	font-size:28px;
	line-height:33px;
	font-family:'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
	max-width:92%;
	color:#000;
	text-transform: uppercase;
}
#car-titel .infos {
	font-weight: 600;
	margin-top:6px;
}
.car-detail h3 {
	font-size:14px;
	line-height:17px;
	font-family:'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
	color:#000;
	margin:0px 0 6px 0;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
.car-propbox, .car-listbox-inner {
	background-color: #e4e3e3;
	padding:10px 10px 4px 10px;
	display: flex;
	justify-content: space-between;
}
.car-propbox,.car-listbox {
	margin-bottom:15px;
}
.car-propbox > div, .car-listbox-inner > div {
	width:50%;
}
.car-propbox .left, .car-listbox-inner .left {
	border-right: 1px solid #000;
    margin-right: 10px;
    width: 51%;
}
.car-propbox div > p {
	display: flex;
	justify-content: space-between;
}
.car-propbox p span {
	display: block;
	flex: 1 0 auto;
	width: 117px;
	padding-right: 6px;
}
.car-propbox span:first-child {
	width: 113px;
	flex: 0 1 auto;
}
.car-listbox-inner li {
	list-style-type: disc;
	margin-left:12px;
}
#car-prop-canvas {
	display: flex;
	flex-direction: column;
}
#car-serien {
	flex: 1 0 auto;
	overflow-y: auto;
	max-height: 138px;
	margin-bottom:12px;
}
#car-sonder {
	flex: 1 0 auto;
	overflow-y: auto;
	max-height: 67px;
	margin-bottom:12px;
}
#car-preis-wrapper {
	display: flex;
	margin-top:35px;
	align-items:baseline;
	color:#000;
}
#car-preis-wrapper div {
	font-size:14px;
	flex: 0 1 auto;
	font-family:'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
}
#car-preis-wrapper .car-preis {
	font-size:28px;
	margin-left:6px;
}
#car-preis-wrapper .car-neupreis {
	flex: 1 0 auto;
}
#car-preis-wrapper .car-mwst {
	text-align: right;
}
.car-close {
	cursor: pointer;
}

/****** car details on non-popup ****************************************************************************************************************************/
/********************************************************************************************************************************************************/
.car-detail.car-detail-canvas {
	background-color: #f0efe3;
	margin: 15px 15px 0;
	display: block;
}
.car-detail-canvas.car-detail #media {
	width:100%;
}
.car-detail-canvas.car-detail #slider {
	width:1412px;
}
.car-detail-canvas.car-detail #slider img {
	width:100%;
}
.car-detail-canvas #car-bild-canvas, .car-detail-canvas #car-prop-canvas {
	width:auto;
}
.car-detail-canvas #car-bild-canvas {
	padding:0;
}
.car-detail-canvas.car-detail #car-thumbs {
	justify-content: space-between;
	flex-wrap: wrap;
}
.car-detail-canvas.car-detail #car-thumbs img, .car-thumbs-filler {
	width:32%;
	margin:0 0 10px;
}
.car-thumbs-filler {   /* thank you flexbox ! */
	height:0 !important;
	padding:0 !important;
	margin: 0 !important;
	overflow:hidden;
}
.car-detail-canvas.car-detail .car-close-wrapper {
	display: none;
}
.car-detail-canvas #car-titel h2 {
	line-height: 30px;
	text-align: center;
	padding:15px 15px 10px;
	max-width: 100%;
	font-size:25px;
}
.car-detail-canvas #car-titel .infos {
	padding: 0px 15px 27px;
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
}
.car-detail-canvas #car-preis-wrapper {
	margin-top: 0;
	display: block;
	text-align: center;
}
.car-detail-canvas #car-preis { 
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin-bottom: 15px;
}
.car-detail-canvas #car-titel {
	margin-bottom: 0;
}
.car-detail-canvas #car-preis-wrapper .car-neupreis {
    font-size: 19px;
	font-family: 'Helvetica Neue LT Light',Helvetica,Arial, sans-serif;
	margin-bottom: 10px;
}
.car-detail-canvas #car-preis-wrapper .car-mwst {
    font-family: 'Helvetica Neue LT Light',Helvetica,Arial, sans-serif;
    font-size:19px;
}
.car-detail-canvas #car-preis-wrapper .car-preis {
    font-size: 25px;
    margin-left: 17px;
}
.car-detail-canvas #car-kontakt {
	display: block;
}
.car-detail-canvas #car-kontakt a {
    display: block;
    width: auto;
    height: 55px;
    line-height: 55px;
    font-size: 26px;
    margin-bottom: 20px;
}
.car-detail-canvas #car-prop-canvas {
    padding:0;
}
.car-detail-canvas .car-propbox, .car-detail-canvas .car-listbox-inner {
    background-color: #f8f7f1;
    padding: 10px 10px 20px 15px;
    display: block;
}
.car-detail-canvas .car-propbox .left, .car-detail-canvas .car-listbox-inner .left {
    border-right: 0;
    margin-right: 0;
    width: auto;
}
.car-detail-canvas .car-propbox > div, .car-detail-canvas .car-listbox-inner > div {
    width: auto;
}
.car-detail-canvas #car-prop-canvas p, .car-detail-canvas #car-prop-canvas span, .car-detail-canvas #car-prop-canvas a, .car-detail-canvas #car-prop-canvas li {
    font-size: 24px;
    line-height: 31px;
}
.car-detail-canvas .car-propbox div > p {
    display: flex;
    justify-content: space-between;
}
.car-detail-canvas .car-propbox span:first-child {
    width: 50%;
}
.car-detail-canvas .car-propbox, .car-detail-canvas .car-listbox {
    margin-bottom: 12px;
}
.car-detail-canvas.car-detail h3 {
	font-size: 25px;
	line-height: 42px;
	padding: 0px 9px 3px 15px;
}
.car-detail-canvas #car-sonder, .car-detail-canvas #car-serien {
    overflow-y: auto;
    max-height: none;
}
.car-detail-canvas .car-listbox-inner li {
   margin-left: 35px;
}
.car-detail-canvas #car-serien {
	margin-bottom: 0;
}
.car-detail-canvas .car-detail-close {
	position:absolute;
	top:0;
	right:0;
	width:45px;
	height:45px;
}
/****** show column three ********************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 670px) {
.car-detail-canvas .car-detail-close {
	width:80px;
	height:80px;
}
}

/****** show column three ********************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 700px) {
.car-detail.car-detail-canvas {
	margin: 25px 45px 0;
}
.car-detail-canvas.car-detail #car-thumbs img, .car-thumbs-filler {
	width:15.5%;
}
.car-detail-canvas #car-kontakt {
	display: flex;
	justify-content: space-between;
}
.car-detail-canvas #car-kontakt a {
    display: block;
    width: 49.3%;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    margin-bottom: 15px;
}
.car-detail-canvas #car-thumbs {
    margin: 16px 0 5px 0;
}
.car-detail-canvas #car-prop-canvas p, .car-detail-canvas #car-prop-canvas span, .car-detail-canvas #car-prop-canvas a, .car-detail-canvas #car-prop-canvas li {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.02em;
}
.car-detail-canvas .car-propbox .left, .car-detail-canvas .car-listbox-inner .left {
    border-right: 1px solid #000;
    margin-right: 10px;
    width: 51%;
}
.car-detail-canvas .car-propbox > div, .car-detail-canvas .car-listbox-inner > div {
    width: 50%;
}
.car-detail-canvas .car-propbox, .car-detail-canvas .car-listbox-inner {
   	margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
.car-detail-canvas .car-propbox span:first-child {
    width: 46%;
}
.car-detail-canvas .car-propbox, .car-detail-canvas .car-listbox {
    margin-bottom: 30px;
}
.car-detail-canvas.car-detail h3 {
    font-size: 20px;
    line-height: 20px;
    padding: 3px 8px 3px 15px;
}
.car-detail-canvas #car-serien .car-listbox-inner {
    margin-bottom: 0;
}
.car-detail.car-detail-canvas {
    margin: 25px 45px 25px;
}
.car-detail-canvas #car-head {
    display: flex;
    justify-content: space-between;
}
.car-detail-canvas #car-titel {
    width:55%;
    flex: 0 1 auto;
}
.car-detail-canvas #car-titel h2 {
    line-height: 29px;
    text-align: left;
    font-size: 24px;
}
.car-detail-canvas #car-titel .infos {
	padding: 0px 15px 27px;
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
    text-align: left;
}
.car-detail-canvas #car-preis-wrapper .car-preis {
    font-size: 24px;
    margin-left: 17px;
}
.car-detail-canvas #car-preis-wrapper .car-mwst {
    font-size: 19px;
}
.car-detail-canvas #car-preis-wrapper .car-neupreis {
    font-size: 17px;
    margin-bottom: 8px;
}
.car-detail-canvas #car-preis-wrapper {
    margin-top: 19px;
    text-align: right;
    padding-right: 15px;
}
}

/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** FOOTER  
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
#footer {
	display: none;
}
#footerII {
	height:27px;
	background-color: #f0b500;
	line-height:0;
}
#three p, #three a {
	display:block;
	color:#fff;
	font-size:13px;
	text-decoration: none;
	margin-bottom:10px;
}
#three a:hover {
	color: #f0b500;
}
/****** show column three ********************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 740px) {
#footer {
	display:block;
	background-color: #3b3c38;
	display:flex;
	padding:30px 121px 25px 137px;
	clear:both;
}
.footer-box {
	border-right:1px solid #6f6f6f;
	position: relative;
}
.footer-box:last-child {
	border-right:0;
}
.footer-box h4, .footer-box h3, .footer-box p, .footer-box a {
	font-size: 13px;
	line-height: 17px;
	letter-spacing:0.04em;
}
.footer-box h3 {
	color:#f0b500;
	margin:0 0 13px;
	font-family:'Helvetica Neue LT Medium',Helvetica,Arial,sans-serif;
}
.footer-box h4 {
	color:#fff;
	margin:0 0 1px;
}
.footer-box p {
	color:#fff;
	margin:0 0 14px;
}
.footer-box p.fett {
	font-family:'Helvetica Neue LT Medium',Helvetica,Arial,sans-serif;
}
.footer-box a {
	color:#f0b500;
	text-decoration: none;
}
.footer-box a:hover {
	color:#fff;
}
#one {
	width: 308px;
}
#two {
	padding-left: 30px;
	width: 50%;
	border:none;
}
#one img {
	position:absolute;
	top:-4px;
	left:20px;
}
.footer-box .tabbed {
	position:relative;
	width:175px;
	margin-bottom:0;
}
.footer-box .tabbed.last {
	margin-bottom:14px;
}
.footer-box .tabbed span {
	position:absolute;
	right:0;
	top:0;
}
#footer .alt-logo-bottom {
	position:absolute;
	top:30px;
	left:30px;
}
#three, #footer .logos-bottom {
	display: none;
}
}
/****** show wider ********************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 880px) {
#footer {
	padding-bottom:105px;
}
#two {
	width: 397px;
	border-right:1px solid #6f6f6f;
}
#three {
	border-right: 0;
	padding-left: 73px;
	display: block;
}
#three img {
	position: absolute;
}
#footer .logos-bottom {
	position: absolute;
	right: 8px;
	bottom: 20px;
	display: flex;
	width: 200px;
	height: 66px;
}
#footer .bottom-logo {
	width:50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#footer .bottom-logo.renault {
	border-right: 1px solid #9f9f9f;
	padding-right: 8px;
}
#footer .bottom-logo img{
	width: 100%;
}
#footer .bottom-logo.renault img{
	width: 55%;
	left: 16px;
	position: relative;
}
}
/****** show column three ********************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 950px) {
#two {
	padding-left:73px;
}
}
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** SLIDER 
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
.mw-slogan {
	display: none;
}
#media {
	height:468px;
	z-index: 90;
}
#slider {
	height: 100%;
}
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 700px) {
.mw-slogan {
	display: block;
	background-color: #3c3c3c;
    position: absolute;
    height: 78px;
    padding:10px 20px;
    min-width:470px;
}
.mw-slogan.empty {
	display: none;
}
.mw-slogan-oben-links {
	left:0;
}
.mw-slogan-oben-rechts {
	right:0;
}
.mw-slogan-mitte-links {
	left:0;
}
.mw-slogan-unten-links {
	left:0;
}
.mw-slogan-unten-rechts {
	right:0;
}
.mw-slogan-mitte-rechts {
	right:0;
}
.mw-slogan-oben-links { top: 35px;}
.mw-slogan-oben-rechts { top: 35px;}
.mw-slogan-unten-links { bottom:50px;}
.mw-slogan-unten-rechts { bottom:50px;}
.mw-slogan-mitte-rechts { top:185px;}
.mw-slogan-mitte-links { top: 185px;}

.mw-slogan span {
	color:#fff;
	text-transform: uppercase;
	display:block;
}
.slogan1 {
	font-family:'Helvetica Neue LT Light',Helvetica,Arial, sans-serif;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 5px;
    letter-spacing: 0.03em;
}
.slogan2 {
	font-family:'Helvetica Neue LT Medium',Helvetica,Arial,sans-serif;
    font-size: 25px;
    line-height: 25px;
    letter-spacing: 0.03em;
}
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 920px) {
.slogan1 {
	font-size: 32px;
    line-height: 32px;
    margin-bottom: 5px;
}
.slogan2 {
	font-size: 32px;
    line-height: 32px;
}
.mw-slogan {
	height:100px;
	padding:16px 32px;
    min-width:532px;
}
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 1080px) {

}
@media print, screen and (min-width: 1288px) {
.mw-slogan-unten-links { bottom:35px;}
.mw-slogan-unten-rechts { bottom:35px;}
}
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** TEASER GENERAL
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
.teasers {
	margin: 0 25px 50px;
}
.teaser {
	background-color: #f0efe3;
	display: flex;
	margin:0 15px 15px;
	flex-direction: column;
	padding-top:25px;
	position:relative;
	margin: 0 0 30px;
}
.teaser .inner-teaser {
	flex:1 0 auto;
	margin-bottom:12px;
	min-height: 1px; /* thanks IE11 */
}
.teaser img {
	max-width: 100%;
	align-self:center;
	flex-shrink:1;
	height:auto;
	width: 100%;
}
.teaser .inner-teaser .teaser-img-wrapper {
	flex-shrink:0;
	min-height:1px;
}

.box-link-box .hover-mask {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index:1000;
	padding:0 !important;
}
.teaser.filler {   /* thank you flexbox ! */
	height:0 !important;
	padding:0 !important;
	margin: 0 !important;
	overflow:hidden;
}
.box-link-box:hover .hover-mask {
	background-color: rgba(0, 0, 0, 0.2);
}
.teaser p {
	font-size:17px;
	line-height: 21px;
	color:#000;
	padding: 13px 8px 0 15px;
}
.teaser p a {
	font-size:17px;
	line-height: 21px;
	color:#000;
	
}
.teaser p a:hover {
	color: #f0b500;
}
.teaser h3 {
    font-size: 24px;
    line-height: 30px;
    font-family: 'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
    padding: 25px 10px 3px 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.teaser .bottom-links {
	flex: 0 1 auto;
}
.bottom-links a {
	display: block;
	background-color: #3b3c38;
	height:27px;
	line-height: 27px;
	color:#f0b500;
	font-family:'Helvetica Neue LT Medium',Helvetica,Arial,sans-serif;
	margin-top:6px;
	font-size:14px;
	padding:0 4px 0 15px;
}
.bottom-links a:hover {
	color:#fff;
}

/**** Start with 3-column teaser layout ***************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 550px) {
.teasers {
	margin: 0 45px 50px;
}
}
/**** Start with 2-column teaser layout ***************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 600px) {
.teasers {
    display: flex;
    justify-content: space-between;
   	flex-wrap: wrap;
    margin: 0 15px 50px;
}
.teaser {
    width: 49%;
    margin: 0 0 15px;
}
}

/**** Start with 3-column teaser layout ***************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 780px) {
.teaser {
    width: 31%;
}
.teaser p, .teaser p a {
	font-size:14px;
	line-height: 17px;
}
.teaser h3 {
	font-size:19px;
	line-height: 23px;
}
}
/**** between width ***************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 1046px) {
.teasers {
    margin:0 auto;
}
}
/**** full width ***************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 1288px) {
.teasers {
    margin: 0 121px;
}
.teaser {
    width: 248px;
}
}



/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** HOME TEASER & HOME NEWS
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
.home-teaser {
	height:315px;
	margin:0;
	padding:0;
	width:24%;
}
.has-news-home-teasers .home-teaser {
	width:50%;
}
.teaser .icon-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height:145px;
	margin:0 35px;
	border-bottom: 2px solid #000;
}
.home-teaser .titel {
	font-size:19px;
	line-height: 26px;
	font-family:'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
	padding: 25px 0 3px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
.home-teaser.teaser img {
	width:auto;
}
.no-news-home-teasers {
	margin-bottom:50px;
	display:none;
}
.home-teaser-wrapper {
	display:none;
}
.home-news-wrapper {
	width:50%;
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
}
.home-news-wrapper img {
	width:100%;
	height:auto;
	max-width: 205px;
    max-height: 103px;
}
.home-news-box {
	display: flex;
	flex-direction: column;
	background-color: #f0efe3;
	position: relative;
	height:150px;
	margin-bottom: 15px;
	padding:10px;
}
.home-news-box:last-child {
	margin-bottom: 0;
}
.home-news-body {
	display: flex;
	justify-content: space-between;
}
.home-news-body .image-wrapper {
	flex: 1 0 auto;
	width:205px;
}
.home-news-body .text-wrapper {
	flex: 0 1 auto;
	padding-left:15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.home-news-body .text-wrapper .news-link {
	flex:0 1 auto;
	color:#f0b500;
	text-align: right;
}
.home-news-box h3 {
	font-size:15px;
	line-height: 19px;
	font-family:'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	margin-bottom: 8px;
}
.home-news-box p {
	font-size:13px;
	line-height: 15px;
	letter-spacing: 0.02em;
}
.teaser.home-teaser p {
    font-size: 14px;
    line-height: 17px;
}
/* adjust home-teasers */
.teasers.home-teasers {
	flex-wrap: nowrap;
	margin:0 auto 50px;
}
.home-teaser-wrapper .home-teaser {
	margin-left:18px;
}
.mediahomewindows #footer {
	display: none;
}
#mobile-home-wrapper {
	background-color: #3b3c38;
	padding:25px;
}
#mobile-home-wrapper p {
	font-size: 23px;
	line-height: 31px;
	font-family: 'Helvetica Neue LT Light',Helvetica,Arial, sans-serif;
	text-align: center;
	color: #fff;
	margin-bottom: 19px;
}
#mobile-home-wrapper p span {
	font-family:'Helvetica Neue LT Medium',Helvetica,Arial, sans-serif; 
}
#mobile-home-wrapper p.titel {
	font-family:'Helvetica Neue LT Medium',Helvetica,Arial, sans-serif; 
	color: #f0b500;
	margin-top:30px;
}
#mobile-home-wrapper p.last {
	margin-bottom:45px;
}
#mobile-home-wrapper .a-wrapper {
	margin:40px 30px;
	display: block;
	justify-content: space-between;
}
#mobile-home-wrapper a {
    display: block;
    flex: 0 1 auto;
    background-color: #fff;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 26px;
    font-family:'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
    text-transform: uppercase;
    margin: 0 0 15px;
}
/**** teasers ***************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 550px) {
#mobile-home-wrapper {
	background-color: #3b3c38;
	padding:25px 45px;
}
#mobile-home-wrapper .a-wrapper {
	margin:40px 0 10px;
	display: flex;
}
#mobile-home-wrapper a {
	width:32%;
	font-size:16px;
}
}
/**** dhow teasers ***************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 750px) {
#mobile-home-wrapper a {
	font-size:20px;
}
}

/**** dhow teasers ***************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 830px) {
.home-teaser-wrapper {
	display: flex;
	justify-content: space-between;
}
.mediahomewindows #footer {
	display: flex;
}
#mobile-home-wrapper {
	display:none;
}
.no-news-home-teasers {
	display:flex;
}
}
/**** dhow teasers ***************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 995px) {
.home-news-box p {
	font-size:15px;
	line-height: 19px;
	letter-spacing: 0.02em;
}
.teaser.home-teaser p {
    font-size: 14px;
    line-height: 17px;
}
.teaser.home-teaser .titel {
	font-size: 19px;
}
}


/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** CAR TEASER 
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
.car-teaser {
	margin-bottom: 22px;
}
.car-teaser h3 {
	padding: 15px 10px 10px 10px;
}
.car-teaser a > span {
	display: block;
	position: relative;
	font-size:18px;
	line-height: 27px;
	color:#000;
	padding: 0 8px 0 15px;
}
.car-teaser span span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
}
.car-teaser a > span.preis {
    display: block;
    background-color: #3b3c38;
    height: 50px;
    line-height: 50px;
    color: #f0b500;
    font-family: 'Eurostile LT Demi','Helvetica Neue LT Medium',Helvetica,Arial, sans-serif;
    margin-top: 15px;
    margin-bottom:25px;
    font-size: 22px;
    padding: 0 4px 0 15px;
    letter-spacing: 0.02em;
}
.car-teaser .inner-teaser {
    margin-bottom: 0;
}
.car-teaser span.preis span {
	left: auto;
	right:12px;
	text-align: right;
	width: 176px;
}
.car-teaser .inner-teaser {
	display: flex;
	flex-direction: column;
}
.car-teaser .inner-teaser h3 {
	flex:1 0 auto;
}
/* hack only on ie10 and up */
_:-ms-lang(x), .car-teaser .inner-teaser img {
	height:186px;
}
.car-teaser.ad-teaser {
	display:flex;
	flex-direction: column;
	justify-content: center;
	background-color: #3b3c38;
}
.car-teaser.ad-teaser p{
	color:#f0b500;
	font-size:18px;
	line-height:24px;
	margin-bottom:18px;
	text-align: center;
	padding:0 15px;
	letter-spacing: 0.03em;
}

/**** Start with 3-column teaser layout ***************************************************************************************************************************/
/********************************************************************************************************************************************************/
@media print, screen and (min-width: 780px) {
.car-teaser a > span {
	display: block;
	position: relative;
	font-size:14px;
	line-height: 17px;
	color:#000;
	padding: 0 8px 0 15px;
}
.car-teaser a > span.preis {
	height: 36px;
	line-height: 38px;
	margin-top: 6px;
	font-size: 16px;
	margin-bottom: 0;
}
}


/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/*** TEAM TEASER 
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
.team-teasers .inner-teaser {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.team-teasers .teaser {
	padding:0 0 12px;
}
.team-teasers .inner-teaser h3 {
	
}
.team-teasers .inner-teaser img {
	
}
.team-teasers .inner-teaser p {
	
}