/* @font-face {
    font-family: 'PNewsGothic';
    src: url('../fonts/NewsGothforPorscheW02-Reg.eot');
    src: url('../fonts/NewsGothforPorscheW02-Reg.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NewsGothforPorscheW02-Reg.woff') format('woff'),
         url('../fonts/NewsGothforPorscheW02-Reg.ttf') format('truetype'),
         url('../fonts/NewsGothforPorscheW02-Reg.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PFrankGothic';
    src: url('../fonts/FrankGothforPorscheW02-Cn.eot');
    src: url('../fonts/FrankGothforPorscheW02-Cn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FrankGothforPorscheW02-Cn.woff') format('woff'),
         url('../fonts/FrankGothforPorscheW02-Cn.ttf') format('truetype'),
         url('../fonts/FrankGothforPorscheW02-Cn.svg#open_sansregular') format('svg');
    font-weight: bold;
    font-style: normal;
} */

@font-face {
    font-family: 'pag-iconfont';
    src: url('../fonts/pag-iconfont.eot');
    src: url('../fonts/pag-iconfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pag-iconfont.woff') format('woff'),
         url('../fonts/pag-iconfont.ttf') format('truetype'),
         url('../fonts/pag-iconfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*--------------------------
PORSCHE NEXT Typeface
--------------------------*/
@font-face {
  font-family: 'PorscheNext';
  font-weight: 300;
  font-style: normal;
  src: url('../fonts/PorscheNextWLa/PorscheNextWLa-Thin.eot');
  src: url('../fonts/PorscheNextWLa/PorscheNextWLa-Thin.eot') format('embedded-opentype'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Thin.woff2') format('woff2'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Thin.woff') format('woff'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Thin.ttf') format('truetype'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Thin.svg#PorscheNextWLa-Thin') format('svg');
}

@font-face {
  font-family: 'PorscheNext';
  font-weight: 300;
  font-style: italic;
  src: url('../fonts/PorscheNextWLa/PorscheNextWLa-Thinitalic.eot');
  src: url('../fonts/PorscheNextWLa/PorscheNextWLa-Thinitalic.eot') format('embedded-opentype'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Thinitalic.woff2') format('woff2'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Thinitalic.woff') format('woff'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Thinitalic.ttf') format('truetype'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Thinitalic.svg#PorscheNextWLa-Thinitalic') format('svg');
}

@font-face {
  font-family: 'PorscheNext';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/PorscheNextWLa/PorscheNextWLa-Regular.eot');
  src: url('../fonts/PorscheNextWLa/PorscheNextWLa-Regular.eot') format('embedded-opentype'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Regular.woff2') format('woff2'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Regular.woff') format('woff'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Regular.ttf') format('truetype'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Regular.svg#PorscheNextWLa-Regular') format('svg');
}

@font-face {
  font-family: 'PorscheNext';
  font-weight: 400;
  font-style: italic;
  src: url('../fonts/PorscheNextWLa/PorscheNextWLa-Italic.eot');
  src: url('../fonts/PorscheNextWLa/PorscheNextWLa-Italic.eot') format('embedded-opentype'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Italic.woff2') format('woff2'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Italic.woff') format('woff'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Italic.ttf') format('truetype'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Italic.svg#PorscheNextWLa-Italic') format('svg');
}

@font-face {
  font-family: 'PorscheNext';
  font-weight: 600;
  font-style: normal;
  src: url('../fonts/PorscheNextWLa/PorscheNextWLa-Bold.eot');
  src: url('../fonts/PorscheNextWLa/PorscheNextWLa-Bold.eot') format('embedded-opentype'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Bold.woff2') format('woff2'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Bold.woff') format('woff'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Bold.ttf') format('truetype'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Bold.svg#PorscheNextWLa-Bold') format('svg');
}

@font-face {
  font-family: 'PorscheNext';
  font-weight: 600;
  font-style: italic;
  src: url('../fonts/PorscheNextWLa/PorscheNextWLa-Bolditalic.eot');
  src: url('../fonts/PorscheNextWLa/PorscheNextWLa-Bolditalic.eot') format('embedded-opentype'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Bolditalic.woff2') format('woff2'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Bolditalic.woff') format('woff'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Bolditalic.ttf') format('truetype'),
       url('../fonts/PorscheNextWLa/PorscheNextWLa-Bolditalic.svg#PorscheNextWLa-Bolditalic') format('svg');
}


/*--------------------------
GENERAL
--------------------------*/

*, 
*::before, 
*::after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body{
	-webkit-font-smoothing:antialiased;	-moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; -o-font-smoothing:antialiased; font-smoothing:antialiased;
	font-size-adjust: auto;	-moz-font-size-adjust: auto; -ms-font-size-adjust: auto; -o-font-size-adjust: auto;	-webkit-font-size-adjust: auto;

	/*-ms-word-break: break-all;
	word-break: break-all;

	// Non standard for webkit
	word-break: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;

	-webkit-hyphenate-before: 2;
	-webkit-hyphenate-after: 3;
	hyphenate-lines: 3;*/

	/*-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga", "dlig";
	-webkit-font-feature-settings: "liga", "dlig";
	-o-font-feature-settings: "liga", "dlig";
	font-feature-settings: "liga", "dlig";*/

	/* background:url(../images/bg-blur_struktur.png) 0 0 repeat-x; */
	font-family:'PorscheNext', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	background-attachment: fixed;
}

.cf::before,
.cf::after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf::after {
	clear: both;
}

.cf {
	*zoom: 1;
}

.hide{
	display: none;
}

.margin-top-remove{
	margin-top: 0!important;
}

.margin-bottom-remove{
	margin-bottom: 0!important;
}

.margin-remove{
	margin: 0!important;
}

.padding-top-remove{
	padding-top: 0!important;
}

a:hover{
	color:#f00;
}

a{
	text-decoration: none;
	color: #000;
}

a:hover,
a.active{
	color: #d5001c;
}

.page-wrapper{
	display:block;
	margin:0 auto;
	max-width:120em;
	min-width:20em;
	background:#fff;
	overflow-x: hidden;
	position: relative;
}

.page-overlay{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 100;
}

.page-overlay.cover{
	z-index: 30;
}
/*
.lt-ie9 .b-page-overlay {
    width: 100em;
}
*/

.right{
	float: right;
}

.left{
	float: left;
}

.button{
	display: inline-block;
	padding-left: 21px;
	padding-right: 21px;
	padding-top: 13px;
	padding-bottom: 13px;
	background-color: #3e4146;
	border: none;
	border-radius: 0;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	margin: 2.5em auto;
}

.button:hover,
.button:focus{
	color: #fff;
	background-color: #d5001c;
}

.button.download{
	position: relative;
}

.button.download span::before{
	position: absolute;
	font-family: 'pag-iconfont';
	color: #ffffff;
	content: "\e023";
	font-size: 18px;
	line-height: inherit;
  vertical-align: middle;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.button.download span {
	position: relative;
	padding-left: 21px;
}

.button.block,
.button.download.block,
.link.block{
	float: left;
	clear: both;
	margin: 0.6em auto;
}

.button:hover::before,
.button:focus::before{
	color: #fff;
}

.cta .button{
	margin: 0;
	background-color: #960014;
	color: #fff;
	display: block;
	font-size: 0.5em;
}

.cta .button::after{
	font-family: 'pag-iconfont';
	content: "\e00d" ;
	font-size: 1em;
	color: #fff;
	margin-left: 1em;
	vertical-align: middle;
}

.button_arrow::before{
	font-family: 'pag-iconfont';
	content: "\e024" ;
	font-size: 16px;
	color: #fff;
	margin-right: 7px;
	vertical-align: baseline;
}

.video{
	position: relative;
	display: block;
}

.player{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	width: 64px;
	height: 64px;
	background: #000;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-ms-border-radius: 32px;
	-o-border-radius: 32px;
	border-radius: 32px;
	background-color: transparent;
	zoom: 1;
	background-color: rgba(0,0,0,.8);
	margin-top: -32px;
	cursor: pointer;
	text-align: center;
	font-size: 1em;
	line-height: 64px;
}

.player::before{
	font-family: 'pag-iconfont';
	display: inline-block;
	line-height: 64px;
	font-size: 3em;
	color: #fff;
	content: "\e005";
}

.link{
	display: inline-block;
	position: relative;
	margin: 1em 0;
	/*width: 100%;*/
	padding-left: 1.5em;
	font-size: 16px;
	line-height: 24px;
}

.link::before{
	position: absolute;
	font-family: 'pag-iconfont';
	content: '\e01f';
	color: #d5001c;
	left: 0;
	font-size: 16px;
	line-height: 1;
	margin-top: 2px;
}

.privacy a{
	text-decoration: underline;
}

.half-column{
	width: 100%;
}

.full-column{
	width: 100%;
	float: left;
}

.gr-column-large{
	width: 100%;
}

.gr-column-small{
	width: 100%;
}

.form-column{
	width: 100%;
	float: left;
}

@media only screen and (min-width:569px){
	.form-column{
		width: 48%;
	}

	.form-column.left{
		margin-right: 4%;
	}
}

.form-column.column--full{
	width: 100%;
}



form{
	width: 100%;
}

form input, 
select, 
textarea{
	float: left;
	height: 2.14286em;
	margin-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 14px;
	width: 100%;
	height: 3.07143em;
	margin-bottom: 1.5em;
	outline: 0!important;
	border: 1px solid #dfdfdf;
	border-radius: 0;
	background-color: #ffffff;
	font-family:'PorscheNext', Arial, Helvetica, sans-serif;
}

form input[type="radio"],
form input[type="checkbox"]{
	float: left;
	margin: 4px 10px 0 0;
	margin-top: 1px \9;
	line-height: normal;
	height: auto;
	width: auto;
	padding: 0;
	vertical-align: middle;
	background-color: transparent;
}

fieldset{
	background-color: #F2F2F2;
	padding: 2em;
	margin: 2em 0;
}

textarea{
	height: 20em;
}

select{
	background-image:url('../images/select-arrow.gif');
	background-repeat: no-repeat;
	background-size: 12px 7px;
	background-position: right 10px center;
	-webkit-appearance: textfield;
	-moz-appearance:none
}

label{
	display: block;
	margin-bottom: 0.750em;
	padding-left: 25px;
	/*font-size: 16px;*/
	font-size: 13px;
}

legend{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-family: 'PorscheNext';
	font-size: 26px;
	font-weight: 400;
	line-height: normal;
	color: #3a6b9b;
}

.radio-label{
	font-size: 16px;
}
.radio-label a{
	display: inline-block;
	width: auto;
	margin-bottom: 10px;
}
.radio-label p{
	font-size: 16px;
	margin: 0;
	display: block;
}
.radio-container{
	display: inline-block;
	margin: 5px 10px 20px 0;
}
.radio-container input[type="radio"]{
	margin-top: 0;
}

.input-label{
	display: block;
	margin-bottom: 8px;
}

.reset{
	margin: 0;
	padding: 0;
}

button[type="submit"]{
	margin-top: 0;
}

/*Fading Animation*/

a,
.teaser-link figure .img-wrapper:hover::after,
.teaser-link figure .img-wrapper:focus::after{
	-webkit-transition-property: color, background-color, opacity;
	-moz-transition-property: color, background-color, opacity;
	-o-transition-property: color, background-color, opacity;
	transition-property: color, background-color, opacity;
	-webkit-transition-duration: .24s;
	-moz-transition-duration: .24s;
	-o-transition-duration: .24s;
	transition-duration: .24s;
}


/*---------------------------
---------------------------
HEADINGS
---------------------------
---------------------------*/


h1 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0
}

@media only screen and (min-width:480px)and (max-width:767px) {
  h1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
  }
}

@media only screen and (min-width:768px)and (max-width:991px) {
  h1 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
  }
}

@media only screen and (min-width:992px)and (max-width:1199px) {
  h1 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
  }
}

@media only screen and (min-width:1200px) {
  h1 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
  }
}



h2,
.title,
.context-menu-title {
  font-size: 26px;
  line-height: 34px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 24px
}

@media only screen and (min-width:480px)and (max-width:767px) {
  h2,
  .title,
  .context-menu-title {
    font-size: 26px;
     line-height: 34px;
     font-weight: 300;
  }
}

@media only screen and (min-width:768px)and (max-width:991px) {
  h2,
  .title,
  .context-menu-title {
    font-size: 26px;
    line-height: 34px;
    font-weight: 300;
  }
}

@media only screen and (min-width:992px)and (max-width:1199px) {
  h2,
  .title,
  .context-menu-title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 300;
  }
}

@media only screen and (min-width:1200px) {
  h2,
  .title,
  .context-menu-title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 300;
  }
}


h3,
.middle-title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0
}

@media only screen and (min-width:480px)and (max-width:767px) {
  h3,
  .middle-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
  }
}

@media only screen and (min-width:768px)and (max-width:991px) {
  h3,
  .middle-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
  }
}

@media only screen and (min-width:992px)and (max-width:1199px) {
  h3,
  .middle-title {
    font-size: 26px;
    line-height: 32px;
    font-weight: 300;
  }
}

@media only screen and (min-width:1200px) {
  h3,
  .middle-title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
  }
}


h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0
}

@media only screen and (min-width:480px)and (max-width:767px) {
  h4 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
  }
}

@media only screen and (min-width:768px)and (max-width:991px) {
  h4 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
  }
}

@media only screen and (min-width:992px)and (max-width:1199px) {
  h4 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
  }
}

@media only screen and (min-width:1200px) {
  h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
  }
}


h5 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0
}

@media only screen and (min-width:480px)and (max-width:767px) {
  h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
  }
}

@media only screen and (min-width:768px)and (max-width:991px) {
  h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
  }
}

@media only screen and (min-width:992px)and (max-width:1199px) {
  h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
  }
}

@media only screen and (min-width:1200px) {
  h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
  }
}


/*---------------------------
---------------------------
TOP
---------------------------
---------------------------*/

header{
	padding-left: 2.5%;
	padding-right: 2.5%;
	position: relative;
	z-index: 20;
	background-color: #fff;
}

.row{
	margin-left: 6.8125%;
	margin-right: 6.8125%;
}

.row.row--small-full{
	margin-left: 0;
	margin-right: 0;
}

@media only screen and (min-width:480px){
	.row.row--small-full{
		margin-left: 6.8125%;
		margin-right: 6.8125%;
	}
}

@media only screen and (min-width:1760px) {
	.row{
	  margin-left: 10%;
	  margin-right: 10%
	}

	.row.row--small-full{
		margin-left: 10%;
		margin-right: 10%;
	}
}

.logo-container{
	text-align:center;
	position:relative;
	/*height: 5em; */
	z-index:1;
}

.logo-container span{
	display:inline-block;
	padding-left:16px; 
	padding-right:16px;
	background:#fff;
	height:100%;
	z-index:1;
}

.logo-container span a{
	display:inline-block;
	background:url('../images/logo-new.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	text-indent: -119988px;
	overflow: hidden;
	width: 80px;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 7px;
}

.logo-container .logo:before{
	content: none !important;
}


@media only screen and (min-width:82.5em){ 
	.logo-container span a{
		width: 100px;
		height: 50px;
		margin-top: 20px;
		margin-bottom: 17px;
	}
}


/*---------------------------
---------------------------
BREADCRUMBS
---------------------------
---------------------------*/
ul#breadcrumb{
	display: none;
	position: absolute;
	bottom: -2px;
	margin-bottom: 1px;
	right: 41px;
	left: auto;
	border: 1px solid #999;
	white-space: nowrap;
	font-size: .875em;
}

	ul#breadcrumb li{
		height: 40px;
		background-color: #212121;
		width: auto;
		border: none;
	}

	ul#breadcrumb li:hover,
	ul#breadcrumb li:focus{
		background-color: #d5001c;
	}

		ul#breadcrumb li a{
			margin-left: 21px;
			margin-right: 21px;
			vertical-align: middle;
			line-height: 40px;
			height: 40px;
			display: block;
			width: auto;
			font-family: 'PorscheNext', Arial, Helvetica, sans-serif;
			font-weight: 400;
			border-bottom: 1px solid #333;
			cursor: pointer;
		}

		ul#breadcrumb li:hover a,
		ul#breadcrumb li:focus a{
			border-bottom-color: transparent;
		}

		ul#breadcrumb li:last-child a{
			border-top: none;
		}

		ul#breadcrumb li a:hover,
		ul#breadcrumb li a:focus{
			color: #fff !important;
		}

		ul#breadcrumb li a::before{
			content: none;
		}

/*---------------------------
---------------------------
MAIN - HOMEPAGE
---------------------------
---------------------------*/

#main_slider{
	position: relative;
	/*margin-bottom: 2em;*/
	max-height: 738px;
	overflow: hidden;
}
	.slide {
		position:relative;
	}
		.slide>a, .slide .cta{
			font-family: 'PorscheNext', Arial, Helvetica, sans-serif;
			font-weight: 400;
			color: #000;
			text-align: center;
			line-height: 1em;

		}

		.slide>a, .slide .cta{
			position: absolute;
			left: 0;
			bottom: 2.85714em;
			color: #fff;
			text-align: left;
			font-size: 1.375em;
		}

		.slide h2::before{
			font-family: 'pag-iconfont';
			content: "\e01f" ;
			color: #d5001c;
			font-size: 22px;
			position: absolute;
	    margin-left: -1em;
	    width: 1em;
	    vertical-align: middle;
		}

		@media only screen and (min-width:480px){
			.slide h2::before{
				font-size: 36px;
			}	
		}

		.slide .cta h2::before{
			content: none;
		}

		.slide img{
			width: 100%;
			height: auto;
			display: block;
		}
		

			.slide-title, 
			.slide-subtitle{
				position: relative;
				display: block;
				font-family: 'PorscheNext', Arial, Helvetica, sans-serif;
				font-weight: 400;
				font-size: 0.625em;
				margin: 0;
				transition: all 0.3s ease;
			}

			.slide-caption:hover .slide-title,
			.slide-caption:hover .slide-subtitle,
			.slide-caption:focus .slide-title,
			.slide-caption:focus .slide-subtitle{
				color: #d5001c;
			}

			.slide-caption[href*="#/"]{
				cursor: default;
			}

			.slide-caption[href*="#/"]:hover *,
			.slide-caption[href*="#/"]:focus *{
				color: inherit;
			}

			.slide-caption[href*="#/"] > .slide-title::before{
				display: none;
			}
		

			/* slide type */
			.slide-title {
				font-size: 28px;
				line-height: 36px;
				font-weight: normal
			}

			@media only screen and (min-width:480px)and (max-width:767px) {
				.slide-title {
				  font-size: 40px;
				  line-height: 52px;
				  font-weight: normal;
				}
			}

			@media only screen and (min-width:768px)and (max-width:991px) {
				.slide-title {
				  font-size: 40px;
				  line-height: 52px;
				  font-weight: normal;
				}
			}

			@media only screen and (min-width:992px)and (max-width:1199px) {
				.slide-title {
				  font-size: 40px;
				  line-height: 52px;
				  font-weight: normal;
				}
			}

			@media only screen and (min-width:1200px) {
				.slide-title {
				  font-size: 60px;
				  line-height: 72px;
				  font-weight: normal;
				}
			}



			.slide-subtitle {
				font-size: 20px;
				line-height: 28px;
				font-weight: normal;
			}

			@media only screen and (min-width:480px)and (max-width:767px) {
				.slide-subtitle {
			    font-size: 20px;
			    line-height: 28px;
				}
			}

			@media only screen and (min-width:768px)and (max-width:991px) {
				.slide-subtitle {
			    font-size: 22px;
			    line-height: 30px;
				}
			}

			@media only screen and (min-width:992px)and (max-width:1199px) {
				.slide-subtitle {
			    font-size: 22px;
			    line-height: 30px;
				}
			}

			@media only screen and (min-width:1200px) {
				.slide-subtitle {
			    font-size: 24px;
			    line-height: 30px;
				}
			}


/* positioning */
.slide-caption.slide-bottomleft, 
.slide-caption.slide-bottomright{
	left: 7.14286%;
	right: initial;
	bottom: 45.7142px;
}

.slide-caption.slide-topleft, 
.slide-caption.slide-topright{
	top: 45.7142px;
	bottom: initial;
	left: 7.5%;
}


.slide-caption {
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  padding-top: 20px;
  margin: 0 auto;
  max-width: 85%
}

@media only screen and (min-width:35.5em)and (max-width:63.875em) {
	.slide-caption.slide-topleft,
	.slide-caption.slide-topright{
    top: 45.7142px;
  }
  .slide-caption.slidebottomleft,
  .slide-caption.slidebottomright{
    bottom: 45.7142px;
  }
}

@media only screen and (min-width:63.9375em) {
	.slide-caption.slide-topleft,
	.slide-caption.slide-topright {
	  top: 45.7142px;
	}
	.slide-caption.slidebottomleft,
	.slide-caption.slidebottomright {
	  bottom: 45.7142px;
	}
}

@media only screen and (min-width:35.5em)and (max-width:63.875em) {
	.slide-caption.slidebottomleft,
	.slide-caption.slidebottomright{
	  bottom: 36.5714px;
	}
}


@media only screen and (max-width:35.5625em) {
    .slide-caption.slide-topright,
    .slide-caption.slide-bottomright {
        left: 7.14286%;
        right: initial;
        text-align: left
    }
    .slide-caption.slide-topleft,
    .slide-caption.slide-bottomleft {
        left: 7.14286%;
        right: initial;
        text-align: left
    }

    .slide-caption.slidebottomleft,
		.slide-caption.slidebottomright {
        bottom: 45.7142px;
    }

    .slide-caption.slidetopleft,
		.slide-caption.slidetopright {
        top: 45.7142px;
    }
}

@media only screen and (min-width:35.5em)and (max-width:63.875em) {
	.slide-caption.slide-topright,
	.slide-caption.slide-bottomright {
	  right: 7.14286%;
	  text-align: left;
	}
	.slide-caption.slide-topleft,
	.slide-caption.slide-bottomleft {
	  left: 7.14286%;
	  text-align: left;
	}
}

@media only screen and (min-width:63.9375em) {
  .slide-caption.slide-topright,
	.slide-caption.slide-bottomright {
	  right: 7.14286%;
	  text-align: left;
	}

	.slide-caption.slide-topleft,
	.slide-caption.slide-bottomleft{
	  left: 7.14286%;
	  text-align: left
	}

	.slide-caption.slidebottomleft,
	.slide-caption.slidebottomright {
	  bottom: 45.7142px;
	}
}

@media only screen and (min-width:1760px) {
	.slide-caption.slide-topright,
	.slide-caption.slide-bottomright {
	  right: 10%;
	  left: initial;
	  text-align: left;
	}

	.slide-caption.slide-topleft,
	.slide-caption.slide-bottomleft {
	  left: 10%;
	  right: initial;
	  text-align: left;
	}

	.slide-caption.slidebottomleft,
	.slide-caption.slidebottomright{
	  bottom: 45.7142px;
	}
}

.slide-caption {
	text-align: left;
}

@media only screen and (min-width:35.5em)and (max-width:63.875em) {
	.slide-caption {
	  position: absolute!important;
	  display: inline-block;
	  margin: none
	}
}

@media only screen and (min-width:63.9375em) {
	.slide-caption {
	  position: absolute!important;
	  display: inline-block;
	  margin: none
	}
}




/* #main_slider .owl-buttons{
	display: none;
}

@media only screen and (min-width:570px){
	#main_slider .owl-buttons{
		display: block;
	}
} */

/* pagination slider */
	.owl-pagination{
		text-align: center;
		position: relative;
    display: block;
    bottom: 24px;
    transform: translate(0, -100%);
	}

		.owl-pagination .owl-page{
			display: inline-block;
			width: 8px;
			height: 8px;
			display: inline-block;
			padding: 0 12px 0;
			zoom: 1;
    	vertical-align: bottom;
		}

		.owl-pagination .owl-page:first-child{
			padding-left: 0;
		}

			.owl-pagination .owl-page span{
				display: block;
				width: 8px;
				height: 8px;
				border-radius: 50%;
				background-color: #999;
			}

			.owl-pagination .owl-page.active span{
				background-color: #ffffff;
			}

	/* .owl-controls{
		margin-top: 3.6em;
	} */

	.owl-buttons{
		display: none;
		/* display: block; */
		position: absolute;
		top: 50%;
		height: 86px;
		width: 100%;
		transform: translate(0, -50%);
		font-family: 'pag-iconfont';
		color: #fff;
		font-size: 62px;
	}

		.owl-buttons .owl-prev,
		.owl-buttons .owl-next{
			height: 64px;
			width: 64px;
			display: inline-block;
			text-align: center;
			/* background-color: #3e4146; */
			background-color: transparent;
		}

		.owl-buttons .owl-prev:hover,
		.owl-buttons .owl-prev:focus,
		.owl-buttons .owl-next:hover,
		.owl-buttons .owl-next:focus{
			color: #d5001c;
			background-color: transparent;
		}

		.owl-buttons .owl-next{
			float: right;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-left-radius: 3px;
			border-top-left-radius: 3px;
			-moz-border-radius-bottomleft: 3px;
			-webkit-border-bottom-left-radius: 3px;
			border-bottom-left-radius: 3px;
		}

		.owl-buttons .owl-prev{
			float: left;
			-moz-border-radius-topright: 3px;
			-webkit-border-top-right-radius: 3px;
			border-top-right-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-webkit-border-bottom-right-radius: 3px;
			border-bottom-right-radius: 3px;
		}

		.owl-buttons .owl-next::after{
			content: "\e024" ;
			line-height: 64px;
		}

		.owl-buttons .owl-prev::after{
			content: "\e025";
			line-height: 64px;
		}



.section-container {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fff;
}

/* SECTION TITLE */
.section-title{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
  font-family: 'PorscheNext', Arial, Helvetica, sans-serif;
	font-weight: 300;
	line-height: normal;
  font-size: 26px;
  text-align: center;
  color: #000;
  width: 100%;
  z-index: 1;
  margin-top: 0;
  margin-bottom: 10px;
  background-color: inherit;
}

@media only screen and (min-width:35.5em)and (max-width:63.875em) {
    .section-title {
        font-size: 26px;
    }
}

@media only screen and (min-width:63.9375em) {
    .section-title {
        font-size: 36px;
    }
}

.section-title {
    
}

.section-title span {
    background-color: inherit;
    display: inline-block;
    height: 100%;
    z-index: 1;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #ffffff;
}


/* BANNER */
.teaser-wrapper{
	margin-top: 1.5625em;
	margin-bottom: 1.5625em
}

	.teaser-link{
		display: block;
		float: left;
		width: 100%;
		margin-bottom: 1em;
	}

	.teaser-link:first-child{
		margin-left: 0;
	}

		.teaser-link figure figcaption{
			position: relative;
			font-size: .875em;
			margin-left: 40%;
			height: 65px;
		}

		.teaser-link figure figcaption::before{
			position: absolute;
			top: 0.2em;
			left: -1.3em;
			font-size: 12px;
			display: block;
			color: #c00;
			background-color: #fff;
			line-height: 16px;
			font-family: 'pag-iconfont';
			content: "\e00d";
		}

		.teaser-link figure .img-wrapper{
			width: 30.33333%;
			position: relative;
			float: left;
		}

		.teaser-link figure .img-wrapper:hover::after,
		.teaser-link figure .img-wrapper:focus::after{
			position: absolute;
			bottom: 0;
			right: 0;
			left: 0;
			content: '';
			background-color: #c00;
			height: 5px;
			margin-top: -5px;
		}

			.teaser-link figure .img-wrapper img{
				vertical-align: middle;
				width: 100%;
			}


/*---------------------------
---------------------------
MAIN - PAGES
---------------------------
---------------------------*/

#title_bar{
	background-color: #333;
	color: #fff;
	padding-left: 6.8125%;
	padding-right: 6.8125%;
	padding-top: 0.76922em;
	padding-bottom: 0.9em;
	font-family: 'PorscheNext';
	font-weight: 300;
	margin-bottom: 1em;
}

#title_bar h1{
	font-size: 1.625em;
}

#title_bar h2{
	font-family: 'PorscheNext', sans-serif;
	font-size: 0.875em;
	font-weight: 400;
}


.standard-content{
	max-width: 100%;
}

.title{
	font-family: 'PorscheNext';
	font-weight: 300;
}

.middle-title{
	font-family: 'PorscheNext';
	font-weight: 300;
	display: block;
}

p, 
.paragraph{
	font-size: 16px!important;
	line-height: 24px;
	font-weight: 400;
	margin: 16px 0;
}



/* DIVISION ROW */
.division-row li{
	font-size: 0.875em;
}

.division-row{
	margin-top: 8px;
	margin-bottom: 24px;
	clear: both;
}

.dotted{
	border-bottom: 1px dashed #ccc;
}

	.division-row .left-cn,
	.division-row .right-cn{
		float: left;
	}

	.division-row .right-cn{
		max-width: 440px;
		margin-left: 16px;
	}

	.division-row img{
		float:left;
		margin-right: 16px;
		/*margin-bottom: 1em;
		margin-top: 5px; */
		max-width: 151px;
		display: none;
	}

	.division-row.catalog img{
		max-width: none;
	}

	.division-row p{
		margin: 0;
		font-size: 16px;
		line-height: 24px;
	}

	.division-row .news-title{
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		position: relative;
		display: block;
	}

	.division-row .news-title::before{
		position: absolute;
		font-family: 'pag-iconfont';
		content: '\e01f' ;
		color: #d5001c;
    left: -20px;
    top: 3px;
		line-height: 16px;

	}

	.division-row .news-list{
		color: #666;
		font-size: 0.875em;
	}

		.division-row .news-list li{

		}

			.division-row .news-list li a{
				color: #666;
			}

			.division-row .news-list li a::before{
				font-family: 'pag-iconfont';
				content: '\e00d' ;
			}

			.division-row .news-list li a:hover,
			.division-row .news-list li a:focus{
				color: #d5001c;
			}

/*Page Submenu*/
.page-menu{
	text-align: center;
}

.page-menu ul{
	display: inline-block;
	background-color: #3e4146;
	text-align: center;
	border-radius: 3px;
	webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.page-menu ul li{
	display: inline-block;
}

.page-menu ul li>a{
	position: relative;
	color: #fff;
	display: inline-block;
	padding: 1.21429em 1.78571em;
	line-height: 0.875em;
	font-size: 0.875em;
}

.page-menu ul li>a>span::before{
	position: absolute;
	content: ' ';
	height: 1em;
	width: 0;
	left: 0;
	border-left: 1px solid #fff;
}

.page-menu ul li:first-child>a>span::before{
	border: none;
}

.page-menu ul li>a:hover>span::after,
.page-menu ul li>a:focus>span::after,
.page-menu ul li>a.active>span::after{
	border-bottom: 4px solid #c00;
	content: ' ';
	width: 70%;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 15%;
}


/* COME RAGGIUNGERCI */
#map-canvas,
#main_picture{
	position: relative;
	width: 100%;
	overflow: hidden;
	max-height: 737px;
}

#map-canvas{
	height: 737px;
}

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

#map-canvas img{
	max-width: none !important;
}



/* NEWS DETAIL */
table.base{
	font-size: 0.875em;
	border-collapse: collapse;
	padding: 0;
	width: 100%;
	margin: 1em 0;
}

table.base td {
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 8px;
	padding-bottom: 24px;
	margin-bottom: 0;

	color: #000000;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
}

table.base a{
	display: block;
	/* background-image: url('../images/arrow-gray.gif');
	background-position: 2px 7px;
	background-repeat: no-repeat; */
	margin-right: 20px;
	padding-left: 16px;
	text-decoration: none;
	color: #0000;
}

table.base a::before{
	content: '\e01f';
	font-family: 'pag-iconfont';
	line-height: 16px;
	position: relative;
	display: inline-block;
	padding-right: 10px;
	left: 0;
	color:  #d5001c;

}



/* GALLERY */
.gallery-content{
	max-width: 100%;
}

.gallery-content ul{
	margin-left: -2%;
}

.gallery-content li{
	/*float: left;*/
	display: inline-block;
	margin-left: 2%;
	width: 47%;
}

.gallery-content li a{
	display: block;
	width: 100%;
}

.gallery-content li a:hover img,
.gallery-content li a:focus img{
	opacity: .7;
	filter: alpha(opacity=70);
}

.gallery-content li a img{
	width: 100%;
	margin-bottom: 1em;
}



/* DOWNLOAD */
.download-list .button{
	width: 70%;
	margin: 1.143em auto;
	display: block;
}



/* AUTO */
.car-measure{
	position: relative;
	width: 95%;
	text-align: center;
	margin: 0 auto;
}

	.vertical-line-text{
		position: absolute;
		right: 0;
		margin-top: 8%;
		top: 0;
	}

	.vertical-line{
		display: block;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin-right: auto;
		margin-left: auto;
		position: absolute;
		top: 0;
		margin-top: 14%;
		overflow: hidden;
		right: 0;
		height: 37%;
		width: 9px;
	}

	.vertical-line::after{
		content: '';
		display: block;
		border-left: 1px solid #ccc;
		height: 100%;
		margin: 0 auto;
		width: 1px;
	}

.horizontal-line-large{
	display: block;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 90%;
	margin: 0 auto;
	height: 10px;
}

	.horizontal-line-large::after{
		content: '';
		display: block;
		border-bottom: 1px solid #ccc;
		margin-top: 0;
		height: 6px;
	}

.horizontal-line-small{
	display: block;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 auto;
	width: 53%;
	height: 10px;
}

	.horizontal-line-small::after{
		content: '';
		display: block;
		border-bottom: 1px solid #ccc;
		margin-top: 0;
		height: 6px;
	}

.horizontal-line-small-text, .horizontal-line-large-text{
	position: relative;
	top: 2em;
}

.car-details{
	margin: 3rem 0;
}

.tech-spec{
	line-height: 2em;
	font-size: 0.875em;
	width: 100%;
}

	.tech-spec tr{
		border-bottom: 1px solid #1b1d1f;
	}

	.tech-spec tbody tr{
		border-bottom: 1px solid #ccc;
	}

.tech-spec-legend{
	font-weight: bold;
}

.tech-spec-data{
	text-align: right;
}

.car-equip ul{
	list-style: disc inside none;
	padding:  0.625em 0;
	font-size: 1em;
}



/*---------------------------
---------------------------
BOTTOM CONTEXT MENU
---------------------------
---------------------------*/

#context-menu{
	background-color: #fff;
	padding-top: 30px;
}

.context-menu-title{
	position: relative;
	font-family: 'PorscheNext';
	font-weight: 300;
	z-index: 1;
	text-align: center;
	margin-bottom: 15px;
}

.context-menu-title span{
	background-color: #fff;
	padding-left: 1em;
	padding-right: 1em;
	z-index: 1;
	height: 100%;
}

/* 
.context-menu-title span::before{
	content: '';
	display: inline-block;
	border-top: 1px solid #ccc;
	position: absolute;
	top: 49.5%;
	right: 0;
	left: 0;
	height: 1px;
	overflow: hidden;
	z-index: -1;
} */

#context-menu ul{
		margin-top: 0;
		margin-bottom: 40px;
		text-align: left;
	}

	#context-menu li{
		display: block;
	}

	#context-menu li a{
		line-height: 50px;
		font-size: 16px;
	}

	#context-menu a {
	  line-height: 30px;
	  display: inline-block;
	  text-decoration: none;
	  color: #000;
	  display: block
	}

	@media only screen and (min-width:35.5em){
		#context-menu ul{
			text-align: center;
		}
		#context-menu li{
			display: inline-block;
		}
	}

	@media only screen and (min-width:35.5em)and (max-width:63.875em) {
	  #context-menu a {
      padding-right: 14px;
      display: inline-block;
      line-height: 30px;
	  }
	  #context-menu a::before {
      border-left: 1px solid #c8cacb;
      padding-right: 14px;
      content: '';
      height: 16px;
	  }
	}

	@media only screen and (min-width:63.9375em) {
	  #context-menu a {
      padding-right: 14px;
      display: inline-block;
      line-height: 30px;
	  }
	  #context-menu a::before {
      border-left: 1px solid #c8cacb;
      padding-right: 14px;
      content: '';
      height: 16px;
	  }
	}

	#context-menu a span {
	  line-height: normal;
	  display: inline-block
	}

	.no-touch #context-menu a:hover {
	  color: #d5001c
	}

	@media only screen and (min-width:35.5em)and (max-width:63.875em) {
	  #context-menu li:first-child a {
      padding-left: 0
	  }
	}

	@media only screen and (min-width:63.9375em) {
	  #context-menu li:first-child a{
      padding-left: 0
	  }
	}

	#context-menu li:first-child a::before {
	  padding-right: 0;
	  border-left: none
	}


/*---------------------------
---------------------------
FOOTER
---------------------------
---------------------------*/
.footer-menu{
	padding-bottom: 2.2em;
	margin-top: 10px;
}

.footer-menu__column{
	display: block;
	width: 100%;
  border-bottom: 1px solid #c8cacb;
  position: relative;
}

@media only screen and (min-width:569px){
	.footer-menu__column{
		width: 50%;
		float: left;
		border-bottom: none;
	}

	.footer-menu__column ul{
		display: block
	}
	
}

@media only screen and (min-width:1024px){
	.footer-menu__column{
		float: left;
	}
}


.footer-menu__column h4::after{
	font-family: 'pag-iconfont';
	content: "\e021";
	position: absolute;
	right: 0;
	color: #000000;
}

.footer-menu__column.open h4::after{
	content: "\e01e";
}

@media only screen and (min-width:569px){
	.footer-menu__column h4::after{
		display: none;
	}
}

.footer-menu__column h4 {
	font-family: 'PorscheNext', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	cursor: pointer;
	color: inherit;
	/* border-bottom: 1px solid #c8cacb; */
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 0;
	margin-bottom: 0
}

@media only screen and (min-width:480px)and (max-width:767px) {
	.footer-menu__column h4 {
	  font-size: 16px;
	  line-height: 24px;
	  font-weight: normal;
	}
}

@media only screen and (min-width:768px)and (max-width:991px) {
	.footer-menu__column h4 {
	  font-size: 16px;
	  line-height: 24px;
	  font-weight: normal;
	}
}

@media only screen and (min-width:992px)and (max-width:1199px) {
	.footer-menu__column h4 {
	  font-size: 20px;
	  line-height: 28px;
	  font-weight: 00;
	}
}

@media only screen and (min-width:1200px) {
	.footer-menu__column h4 {
	  font-size: 20px;
	  line-height: 28px;
	  font-weight: 400;
	}
}


@media only screen and (min-width:35.5em)and (max-width:63.875em) {
	.footer-menu__column h4 {
	  color: #959899;
	  border-bottom: none;
	  cursor: auto
	}
}

@media only screen and (min-width:63.9375em) {
	.footer-menu__column h4 {
	  color: #959899;
	  border-bottom: none;
	  cursor: auto
	}
}


.footer-menu__column ul{
	font-size: 0.875em;
	line-height: 1.8em;
	display: none;
}

.footer-menu__column ul li a{
  display: inline-block;
  text-decoration: none;
  color: #000;
  font-size: 16px;
  line-height: normal;
}

.footer-menu__column ul li >a:first-child:last-child {
	padding-top: 8px;
	padding-bottom: 8px;
}

@media only screen and (min-width: 63.9375em){
	.footer-menu__column ul li a{
    line-height: 1.92857em;
  }
}


#footer-menu__social-links{
	margin-left: 0;
	color: #999;
}

#footer-menu__social-links h4{
	font-family: 'PorscheNext', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-weight: normal;
	font-size: 1.125em;
	margin-bottom: 0;
}

#footer-menu__social-links li{
	float: left;
}

#footer-menu__social-links a{
	display: block;
	/* -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px; */
	width: 50px;
	height: 50px;
	margin-right: 4px;
	background-color: #3e4146;
	font-family: 'pag-iconfont';
	font-style: normal;
	color: #fff;
}

#footer-menu__social-links a.fb:hover,
#footer-menu__social-links a.fb:focus{
	background-color: #2753A7;
}

#footer-menu__social-links a.gp:hover,
#footer-menu__social-links a.gp:focus{
	background-color: #DA4237;
}

#footer-menu__social-links a.yt:hover,
#footer-menu__social-links a.yt:focus{
	background-color: #C91602;
}

#footer-menu__social-links a.tw:hover,
#footer-menu__social-links a.tw:focus{
	background-color: #1DC8E9;
}

#footer-menu__social-links a.pt:hover,
#footer-menu__social-links a.pt:focus{
	background-color: #CD242B;
}

#footer-menu__social-links a.in:hover,
#footer-menu__social-links a.in:focus{
	background-color: #3f729b;
}

#footer-menu__social-links a.ln:hover,
#footer-menu__social-links a.ln:focus{
	background-color: #0274b3;
}

#footer-menu__social-links a.fb::before,
#footer-menu__social-links a.gp::before,
#footer-menu__social-links a.yt::before,
#footer-menu__social-links a.tw::before,
#footer-menu__social-links a.pt::before,
#footer-menu__social-links a.in::before,
#footer-menu__social-links a.ln::before{
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 28px;
}

#footer-menu__social-links a.fb::before{
	content: "\e009";
}

#footer-menu__social-links a.gp::before{
	content: "\e008";
}

#footer-menu__social-links a.yt::before{
	content: "\f000";
}

#footer-menu__social-links a.tw::before{
	content: "\e001";
}

#footer-menu__social-links a.pt::before{
	content: "\e006";
}

#footer-menu__social-links a.in::before{
	content: "\e601";
}

#footer-menu__social-links a.ln::before{
	content: "\e602";
}


.footer-legals{
	background-color: #1B1D1F;
	color:#fff;
	font-size: 0.875em;
	line-height: 1.500em;
	padding-top: 3.9em;
	padding-bottom: 4.375em;
	margin-top: 4.375em;
}

.footer-legals p{
	margin: 1.4em 0;
}
.footer-legals a{
	color: #fff;
	text-decoration: underline;
}

.footer-legals a:hover,
.footer-legals a:focus{
	text-decoration: underline;
}

.js-phone{
  cursor:pointer;
}

.js-phone.disabled,
.js-phone.disabled:hover{
  cursor: default;
  color: inherit;
  text-decoration: none !important;
  opacity: 1;
}

.footer-note{
	position: relative;
	display: block;
	clear: both;
}



/*---------------------------
 min-width:569px
---------------------------*/
@media only screen and (min-width:35.563em){
	.slide>a, .slide .cta{
		position: absolute;
		color: #fff;
		text-align: left;
	}

	.slide>a.white{
		color: #fff;
	}
	.slide>a.black{
		color: #000;
	}

	.slide>a::before, .slide .cta::before{
		float: left;
		margin-top: 0.1em;
		margin-right: 0.25em;
	}

	.owl-pagination .owl-page span{
		background-color: #ccc;
	}

	.owl-pagination .owl-page.active span{
		background-color: #fff;
	}

	#main_slider:hover .owl-buttons,
	#main_slider:focus .owl-buttons{
		display: block;
	}

	.owl-controls{
		margin-top: 0;
	}

	.teaser-row{
		width: 100%;
		float: left;
	}

	.teaser-link{
		display: block;
		float: left;
		width: 49.7%;
		margin-left: .3%;
		margin-bottom: 0;
	}

		.teaser-link figure .img-wrapper{
			width: 100%;
			float: none;
		}

		.teaser-link figure figcaption{
			/* margin: 0 10px; */
			padding-left: 1.125em;
			padding-top: .8125em;
		}

		.teaser-link figure figcaption::before{
			top: 14px;
			left: 0;
		}
				
	.footer-menu{
		border-top: 1px solid #CCCCCC;
	}

		.footer-menu__column:nth-child(3){
			clear: both;
		}

		.footer-menu__column ul{
			line-height: 1.9em;
		}

			.footer-menu__column ul li a{
				line-height: normal;
			}

			.footer-menu__column ul{
				display: block;
			}

	.form-column{
		width: 48%;
	}

	.gallery-content ul{
		margin-left: -1em;
	}

		.gallery-content li{
			width: auto;
			margin-left: 1em;
		}

			.gallery-content li a{
				width: 208px;
			}
			
	.selection-element-img img{
		max-width: 450px;
	}
}

/*---------------------------
 min-width:1023px
---------------------------*/
@media only screen and (min-width:63.9375em){
	
	#sidenav{
		top: 231px;
		right: auto;
		bottom: auto;
	}

	#sidenav ul li.down{
		display: list-item;
	}

	#sidenav ul li.back:hover::after,
	#sidenav ul li.back:focus::after{
		right: -1px;
	}

	ul#breadcrumb{
		left: 41px;
		right: auto;
	}
}

/*---------------------------
 min-width:768px
---------------------------*/
@media only screen and (min-width:48em){
	.car-box{
		padding-top: 6.6%;
		width: 24%;
	}
}

/*---------------------------
 min-width:821px
---------------------------*/
@media only screen and (min-width:51.313em){
	.division-row img{
		display: block;
	}

	.half-column{
		width: 49%;
	}

	.gr-column-large{
		width: 60.8%;
	}

	.gr-column-small{
		width: 37.2%;
	}

	.download-list .button{
		margin: 1.143em 0;
	}
}

/*---------------------------
 min-width:1023px
---------------------------*/
@media only screen and (min-width:63.9375em){

	.teaser-row{
		width: 50%;
		float: left;
	}
	.footer-menu__column{
		width: 25%;
	}

	.footer-menu__column:nth-child(3){
		clear: none;
	}

	#footer-menu__social-links{
		margin-left: 75%;
	}
}







/*---------------------------
LANDING
---------------------------*/

#form-landing fieldset:first-of-type{
	margin-top: 2em;
}

#form-landing{
	margin-top: 20px;
}

@media only screen and (min-width:35.563em){
	#form-landing{
		margin-top: 40px;
	}
}

@media only screen and (min-width:822px) and (max-width: 1319px){
	#form-landing{
		margin-top: 0;
		transform: translate(0, -67px);
	}
}

@media only screen and (min-width:1320px){
	#form-landing{
		margin-top: 0;
		transform: translate(0, -84px);
	}
}

.form-header{
	width: 100%;
	background-color: #960014!important;
	position: relative;
	display: inline-block;
	color: #fff;
	font-family: 'PorscheNext', Arial, Helvetica, sans-serif!important;
	font-weight: 400!important;
	padding: 1em!important;
	font-size: 20px!important;
	line-height: 1.1;
	margin-bottom: 0;
}

.form-header::after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(204, 0, 0, 0);
	border-top-color: #960014!important;
	border-width: 20px;
	margin-left: -20px;
}

	.form-header span{
		font-size: 1.1em;
	}

	@media only screen and (min-width:35.563em){
		.form-header span{
			font-size: 1.25em;
		}
	}

	@media only screen and (min-width:82.5em){ 
		.form-header span{
			font-size: 2em;
		}
	}

	.bullet-list {
  list-style: disc;
  list-style-position: outside;
  margin-left: 30px;
}


/*---------------------------
---------------------------
FEATURES SLIDE
---------------------------
---------------------------*/
.features-slide{
	display: block;
	overflow: hidden;
}

.features-slide__left, 
.features-slide__right{
	display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
}

.features-slide__left{
	float: left;
	width: 100%;
}


@media only screen and (min-width: 46.875em) and (max-width: 55em){
	.features-slide__left{
	    width: 48%;
	}
}

@media only screen and (min-width: 55.0625em) and (max-width: 63.875em) {
	.features-slide__left{
    width: 39.66667%;
  }
}

@media only screen and (min-width: 63.9375em){
	.features-slide__left{
    width: 40.66667%;
  }
}

.features-slide__right{
	float: left;
	width: 100%;
}

@media only screen and (max-width: 46.9375em){
	.features-slide__right{
		margin-top: 24px;
	}
}

@media only screen and (min-width: 46.875em) and (max-width: 55em) {
	.features-slide__right{
    width: 48%;
    left: 0;
    margin-left: 1%;
  }
}

@media only screen and (min-width: 55.0625em) and (max-width: 63.875em) {
	.features-slide__right{
    width: 48%;
    left: 4.16667%;
    margin-left: 1%;
  }
}

@media only screen and (min-width: 63.9375em){
	.features-slide__right{
    width: 40.66667%;
    left: 8.33333%;
    margin-left: 1%;
  }
}

.features-slide .button{
	margin-top: 10px;
	margin-bottom: 0;
	clear:left;
	float:left;
}

.features-slide p.plate{
	width:auto;
	padding:6px 10px 5px 10px;
	border-radius:2px;
	color:#fff;
	line-height:30px;
	background-color:#d5001c;
	clear:left;
	float:left;
}

.features-slide_padding_bottom{
	padding-bottom: 24px;
}


.section-negative{
	background-color: #000;
	padding-top: 40px;
	padding-bottom: 48px;
}

.section-negative .section-title{
	color: #ffffff;
}

/* LOGO NEW */
.logo-container_new{
	text-align:center;
	position:relative;
	z-index:1;
}

.logo-container_new span{
	display:inline-block;
	padding-left:16px; 
	padding-right:16px;
	background:#fff;
	height:100%;
	z-index:1;
}

.logo-container_new span a{
	display:inline-block;
	background:url('../images/logo-porsche.svg');
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	text-indent: -119988px;
	overflow: hidden;
	width: 225px;
	height: 15px;
	margin-top: 25px;
	margin-bottom: 18px;
}

.logo-container_new .logo:before{
	content: none !important;
}


@media only screen and (min-width:82.5em){ 
	.logo-container_new span a{
		width: 240px;
		height: 16px;
		margin-top: 35px;
		margin-bottom: 27px;
	}
}