/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */


/* - Ausblendung von Elementen in Mobilansicht - */
.desktop, .nur-desktop, .nur-ipad, .nur-wide {
	display: none;
	}
@import url('https://fonts.googleapis.com/css?family=Fauna+One');

.domain-maserati .nur-ferrari {
	display: none !important;
}
body {
	color: #383838;
	font: 3.6vw/1.2 Arial,Helvetica,Verdana,sans-serif;
	}
img {
	width: 100%;
	height: auto;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}
h1, h2, h3, h4 {
	color: #ce0808;
	font-weight: bold;
}
.klieri {
	clear: both;
}

.domain-maserati h1, .domain-maserati h2, .domain-maserati h3 {
	color: #015DAE;
}
.domain-lamborghini h1, .domain-lamborghini h2, .domain-lamborghini h3 {
	color: #DDB321;
}


.texttrennung {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
	
.grid-12, .grid-3, .grid-9 {
	margin: 0;
	}
	
ul.menu li {
	list-style: none;
	}
#zone-content {
	margin: 0 3vw;
}
	
/**/
/* - Header - */
/**/
.menu-links-oben {
	display: table;
	float: left;
}
.menu-links-oben li.leaf {
	padding: 0.2em 0.5em;
	border: 1px solid transparent;
	margin: 0;
}
.menu-links-oben li.leaf.first {
	margin-left: 0;
}

.menu-links-oben a,
.wunschliste-block-oben a {
	font-family: 'Fauna One', serif;
	font-size: 12px;
	text-transform: uppercase;
}
.menu-links-oben .fa:before,
.wunschliste-block-oben .fa:before {
	color: black;
	font-size: 14px;
	padding-right: 3px;
}
.menu-links-oben a:link,
.menu-links-oben a:visited,
.wunschliste-block-oben a:link,
.wunschliste-block-oben a:visited {
	color: black;
}
.menu-links-oben li.active-trail,
.front .menu-links-oben li.first {
	background: white;
	border: 1px solid black;
}
.wunschliste-block-oben {
	display: inline-table;
}
.wunschliste-block-oben .views-row {
	margin: 0;
	padding: 0;
}
.fa.fa-star {
	padding-top: 0.24em;
}
.domain-maserati #section-header {
	background: #015DAE;
}
.domain-lamborghini #section-header {
	background: #DDB321;
}
#section-header {
	background: #ce0808;
}
#zone-user {
	display: table;
	width: 100%;
	height: 6vw;
	padding: .5vw 0;
}
#region-user-second {
	margin: 0 3vw;
}
.telnr {
	margin-top: 2vw;
	padding-bottom: 2vw;
}
.telnr .content {
	display: table;
	width: 100%;
	color: white;
	font-size: 3.8vw;
}
.telnummer,
.mail {
	display: table-cell;
	vertical-align: middle;
}
.telnummer {
	width: 50%;
	text-align: right;
}
.mail {
	width: 50%;
}
.inlineblock {
	display: inline-block;
}
.mail a:link,
.mail a:visited {
	color: white;
}
#zone-branding-wrapper {
background: #f90e0e;
background: -moz-linear-gradient(top, #f90e0e 0%, #7c0204 100%);
background: -webkit-linear-gradient(top, #f90e0e 0%,#7c0204 100%);
background: linear-gradient(to bottom, #f90e0e 0%,#7c0204 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f90e0e', endColorstr='#7c0204',GradientType=0 );
padding-top: 1vw;	
}
.domain-maserati #zone-branding-wrapper {
background: #0b77cf; /* Old browsers */
background: -moz-linear-gradient(top, #0b77cf 0%, #02457e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0b77cf 0%,#02457e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0b77cf 0%,#02457e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b77cf', endColorstr='#02457e',GradientType=0 ); /* IE6-9 */
}
.domain-lamborghini #zone-branding-wrapper {
background: #e3d5a6; /* Old browsers */
background: -moz-linear-gradient(top, #e3d5a6 0%, #ddb321 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e3d5a6 0%,#ddb321 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e3d5a6 0%,#ddb321 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d5a6', endColorstr='#ddb321',GradientType=0 ); /* IE6-9 */
}
.logoblock {
	color: white;
	font-family: 'Fauna One', serif;
	font-size: 4vw;
	text-transform: uppercase;
}
.logoblock img {
	margin-bottom: 2vw;
}
.slogantext {
	text-align: center;
}
.suchblock .search-form {
	padding;: 0 0 3vw 0;
}
.suchblock .form-item, .suchblock .form-actions {
	margin: 0;
	padding: 0;
}
.suchblock .form-item {
	width: 81%;
}
.suchblock .form-item.form-item-custom-search-blocks-form-2 {
	width: 78%;
}
.suchblock .form-type-textfield,
.suchblock .form-actions {
	display: inline-block;
}
#custom-search-blocks-form-1 .form-actions input,
#custom-search-blocks-form-2 .form-actions input {
	border-radius: 0;
	webkit-border-radius: 0;
	moz-border-radius: 0;
	background: black;
	color: white;
	text-transform: uppercase;
	font-size: 3vw;
	padding: 1vw 2vw;
}
#custom-search-blocks-form-1 .form-actions input:hover,
#custom-search-blocks-form-2 .form-actions input:hover {
	background: transparent;
}
.suchblock input.form-text {
	width: 100%;
}

#region-branding {
	padding: 4vw 2vw 0;
	z-index: 100;
}

.sprachschalter {
	display: table;
	margin: 0 0 0 auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 200;
}
.sprachschalter li {
	width: 8vw;
	float: right;
	margin-left: 2vw;
}
.mobilmenu {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	}
.mobilmenu li {
	font-family: 'Fauna One', serif;
	text-transform: uppercase;
}
#superfish-1-toggle {
	float: right;
	margin-right: 3vw;
	}
div.sf-accordion-toggle.sf-style-white a {
	font-size: 3.6vw;
	background: black;
	color: white;
	padding: 3.3vw 2.8vw;
	text-transform: uppercase;
	font-weight: bold;
	}
div.sf-accordion-toggle.sf-style-white a.sf-expanded {
	color: #333;
	font-weight: normal;
}
.hauptmenu .sf-depth-1.active {
	background: black;
	color: white;
}
.hauptmenu li.expanded li a.active.blau,
.hauptmenu li.sf-expanded a.blau,
.blau,
.context-maserati #block-system-main .node h2,
.page-maserati h1,
.context-maserati #block-system-main .node a:link,
.context-maserati #block-system-main .node a:visited,
.blau a:link,
.blau a:visited,
.Maserati a:link,
.Maserati a:visited
 {
	color: #0b2749;
}

a:link,
a:visited {
	color: #ce0808;
	text-decoration: none;
	}
a:hover,
a:focus,
a:active {
	color: #461314;
	text-decoration: underline;
	}
.domain-maserati #section-content a:link,
.domain-maserati #section-content a:visited {
	color: #015DAE;
}
.domain-lamborghini #section-content a:link,
.domain-lamborghini #section-content a:visited {
	color: #DDB321;
}
/* - Inhalt - */
#region-content {
	padding: 0 0 2em;
}
.headerslideshow {
	margin: 0 -3vw;
}
.flexslider {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	border: 0;
	margin: 0;
	}
.flexslider ul, .flexslider ol {
	padding-left: 0;
	}

h2, h1 {
	margin: 1.4em 0 .7em;
	font-size: 1.5em;
}
.front h2.seitentitel {
	display: none;
}
.field-name-body,
.field-name-field-datum	{
	padding-right: 5vw;
	margin-bottom: 5vw;
	margin-top: 2vw;
	}
.field-name-field-datum {
	font-weight: bold;
	}
.field-name-field-albumbilder {
	padding: 4vw 0;
	display: table;
	}
.field-name-field-albumbilder .field-items,
.ersatzteil .field-name-field-albumbilder {
	margin-right: -1%;
	width: 100%;
	}
.field-name-field-albumbilder .field-item,
.field-name-field-albumbilder a {
	width: 46.3%; 
	float: left;
	margin: 1% 1.3% 1% 0;
	}
.field-name-field-albumbilder .field-item.even {
	margin: 1% 1% 0 0;
	}
.field-name-field-albumbilder .field-item,
.field-name-field-albumbilder .field-item.even,
.field-name-field-albumbilder a {
	border: 1vw solid white;
	line-height: 0;
	}
.titel-d-e .field-name-title-field {
	float: left;
	margin-right: 1vw;
}
.titel-d-e .field-name-field-name-englisch .field-item:before {
	content: "/";
	margin-right: 1vw;
}
.field-name-field-et-nr- {
	clear: both;
	margin-bottom: 3vw;
}
	
.content .content-column-2, .content .content-column {
	float: none;
	width: inherit;
	display: inline;
	}
.field-name-body ul li {
	list-style-type: disc;
	list-style-position: inside;
	}
.field-name-body .listen-unterpunkte li {
	list-style-type: none;
    text-indent: 0;
	margin-left: 0;
	margin-bottom: 1em;
}
.node li,
.field-name-body .listen-unterpunkte li li {
	list-style-type: disc;
	list-style-position: inside;
    margin-bottom: 0.5em;
    padding-left: 1em;
    text-indent: -1em;
	margin-left: .3em;
}
.flexslider li {
	list-style: none;
	padding: inherit;
	margin: inherit;
}
	
/**/
/* - Views allgemein - */

.page-teile #region-content .element-invisible,
.page-search #region-content .element-invisible,
.page-typen #region-content .element-invisible,
.page-ferrari #region-content .element-invisible,
.page-maserati #region-content .element-invisible,
.page-taxonomy-term #region-content .element-invisible,
.page-tech-info #region-content .element-invisible,
.page-lamborghini  #region-content .element-invisible {
	clip: inherit;
	height: auto;
	overflow: auto;
	position: static !important;
}

.views-row {
	margin: 2vw 0 10vw;
	padding: 2vw;
}
.quadratliste {
	margin-right: -4vw;
}
.views-row.ersatzteil,
.views-row.quadrat,
#flexslider-2,
.view.exposed-filter .view-filters {
	border: 1px solid #ce0808;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#flexslider-2 {
	padding: 2vw;
}
.domain-maserati .views-row.ersatzteil,
.domain-maserati .views-row.quadrat,
.domain-maserati #flexslider-2 {
	border: 1px solid #015DAE;
}
.domain-lamborghini .views-row.ersatzteil,
.domain-lamborghini .views-row.quadrat,
.domain-lamborghini #flexslider-2 {
	border: 1px solid #DDB321;
}
.views-row.quadrat {
	width: 42.4vw;
	height: 39.4vw;
	float: left;
	margin-right: 4.5vw;
	margin-bottom: 3vw;
	padding: 0;
	font-size: 1.5em;
}
.quadrat .quadrattext a {
	text-align: center;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	height: 42.4vw;
	width: 39.4vw;
}
.quadrat .quadrattext a:hover,
.quadrat .quadrattext a:focus,
.quadrat .quadrattext a:active {
	background: rgba(204,204,204,0.5);
	text-decoration: none;
}
.blau .views-row.ersatzteil,
.views-row.ersatzteil.Maserati,
.views-row.quadrat.blau {
	border: 1px solid #0b2749;
}
.domain-lamborghini .blau .views-row.ersatzteil,
.domain-lamborghini .views-row.ersatzteil.Maserati,
.domain-lamborghini .views-row.quadrat.blau {
	border: 1px solid #DDB321;
}
.views-row .views-field-field-seitenbild {
	line-height: 0;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.75);
	border: 1vw solid white;
	}
h3 {
	margin: 0 0 0.5em;
    padding-top: 0;
}
.zelle.deutsch,
.zelle.englisch {
    float: left;
    padding-bottom: 1.5vw;
    padding-right: 3%;
    width: 47%;
}
.zelle.bild {
	display: block;
	padding-bottom: .3em;
}
.typen {
    border-top: 1px dashed #444;
    clear: both;
    display: block;
    margin-top: 1.5vw;
    padding-top: 1.5vw;
}
.typen span {
	display: table-cell;
}
.typen span.fett {
	padding-right: .3em;
}
.views-field.views-field-contextual-links {
    clear: both;
}
.views-row .text {
	padding: 0 1em .8em;
}
.fett {
	font-weight: bold;
}
.techinfo {
	clear: both;
}
.techinfo img {
	width: auto;
}
.views-field-field-datum {
	width: 75%;
	text-align: right;
	margin-bottom: 1vw;
	font-size: 3.3vw
	}
.pager--infinite-scroll {
	display: table;
}
.feed-icon img {
	width: 6vw;
	margin-top: 3vw;
}
.field-name-field-pdf img {
	width: auto;
	height: auto;
}
.inline-table {
	display: inline-table;
}

/* - Suche beim Typen - */
.view.exposed-filter .view-filters {
	background: rgba(206,8,8,0.1);
	background: #ebebeb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
    background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
	padding: 1em .7em;
}
.domain-maserati .view.exposed-filter .view-filters {
	border: 1px solid #015DAE;
}
.domain-lamborghini .view.exposed-filter .view-filters {
	border: 1px solid #DDB321;
}
.i18n-en #edit-title-field-value-wrapper,
.i18n-de #edit-field-name-englisch-value-wrapper {
	display: none;
}
.view.exposed-filter .view-filters .views-exposed-widgets {
	width: 100%;
	display: table;
}
.view.exposed-filter .view-filters .views-exposed-widget {
	display: table-cell;
	float: none;
	padding-right: .5em;
}
.view.exposed-filter .view-filters .views-exposed-widget input.form-text {
	width: auto;
	margin: .5em 0;
}
.view.exposed-filter .view-filters .views-exposed-widget .description {
	width: auto;
	margin: 0 -20vw 0 0;
	font-size: inherit;
}
.view.exposed-filter .view-filters .views-exposed-widget input.form-submit {
	margin: 0 0 -12vw;
	background: black;
	color: white;
	padding: 1vw 2vw;
	border-radius: 0;
	webkit-border-radius: 0;
	moz-border-radius: 0;
	text-transform: uppercase;
	font-size: 3vw;
}
.view .view-filters {
	margin: 1em 0 4em;
}

/* - View neueste-et-s auf Startseite - */
/* - View neueste-et-s auf Startseite - */
.neueste-et-s {
	padding-bottom: 12vw;
}
#flexslider-2 .flex-control-nav li {
	margin: 0 5px;
}

/* - sonstiges - */
.zahlung {
	width: auto;
}
.payment-methods {
	margin-bottom: 20px;
}
.schmal {
	width: 80px;
}
table.payment-methods {
	border: none;
}
.payment-methods td {
	padding: .8em .5em;
}
.schmal img {
	width: auto;
}
.payment-methods img {
	width: auto;
	margin-bottom: -10px;
}
.payment-methods li {
	height: 10px;
    padding-bottom: 10px;
	margin-bottom: .8em;
}

/* - Kontaktformular - */
.webform-client-form {
	}
.webform-container-inline label {
	width: 30%;
	display: inline-table;
	}
.webform-container-inline label.option {
	width: inherit;
	display: inline-table;
	}
input.form-text {
	width: 60%;
	font-size: 3.4vw;
	border: 1px solid #383838;
	}
.form-type-radio label {  
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 7vw;  
    margin-right: 3vw;  
 
}
input[type=radio] {
	display: none;
	}
.form-type-radio label:before {
	content: "";
	display: inline-block;
	width: 5vw;
	height: 5vw;
	margin-right: 1vw;
	background-color: white;
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 5vw;
	-webkit-border-radius: 5vw;
	-moz-border-radius: 5vw;
	border: 1px solid #383838;
	}
input[type=radio]:checked + label:before {  
    content: "\2022";  
    color: #231F20;  
    font-size: 10vw;  
    text-align: center;  
    line-height: 5vw;  
}  	

.webform-container-inline div.description {
	color: #aaa;
	padding-top: 1.5vw;
	}
.form-textarea-wrapper {
	width: 96%;
	}
.form-textarea-wrapper textarea {
	border: 1px solid #383838;
	font-size: 4.5vw;
	}
.webform-client-form #edit-submit {
	font-size: 4vw;
	}

	
/*
/* - Footer - */
/**/
#section-footer {
	color: white;
background: #7c0204;
background: -moz-linear-gradient(top, #7c0204 0%, #f90e0e 100%);
background: -webkit-linear-gradient(top, #7c0204 0%,#f90e0e 100%);
background: linear-gradient(to bottom, #7c0204 0%,#f90e0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c0204', endColorstr='#f90e0e',GradientType=0 );
	padding: 5vw 1em;
	text-align: center;
	font-size: .85em;
	}
.domain-maserati #section-footer {
background: #02457e;
background: -moz-linear-gradient(top, #02457e 0%, #0b77cf 100%);
background: -webkit-linear-gradient(top, #02457e 0%,#0b77cf 100%);
background: linear-gradient(to bottom, #02457e 0%,#0b77cf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02457e', endColorstr='#0b77cf',GradientType=0 );	
}
.domain-lamborghini #section-footer {
background: #ddb321; /* Old browsers */
background: -moz-linear-gradient(top, #ddb321 0%, #e1cf92 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ddb321 0%,#e1cf92 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ddb321 0%,#e1cf92 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddb321', endColorstr='#e1cf92',GradientType=0 ); /* IE6-9 */	
}
#zone-footer a:link,
#zone-footer a:visited {
	color: white;
	}
#zone-footer p {
	margin: 0;
	}
.impressumsmenu.unten {
	margin-bottom: 4vw;
	display: table;
	margin: 1em auto 0;
	font-size: .85em;
	}
.impressumsmenu ul.menu li {
	float: left;
	border-left: 1px solid #231F20;
	margin: 0;
	padding: 0;
	}
.impressumsmenu ul.menu li.first {
	border-left: none;
	}
.impressumsmenu.unten a {
	padding: 1vw 1.5vw;
	}
.impressumsmenu li.first a {
	padding-left: 0;
	}
	
/**/
/* - Social Links - */
/**/
.sociallinks {
	display: none;
	position: absolute;
	right: 0;
	line-height: 0;
	z-index: 300;
	}
.sociallinks a {
	display: block;
	border: 1px solid #461314;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
/* - Flags - */
.flag-ersatzteile-merken,
.frage-zum-produkt {
	border: 1px solid #383838;
	padding: 2vw;
}
.flag-ersatzteile-merken {
	display: block;
	width: 91%;
	margin-bottom: 1em;
}
.flag-ersatzteile-merken {
	font-size: 1.3em;
	font-weight: bold;
}
.flagfeld-in-der-liste .flag-ersatzteile-merken {
	margin-bottom: 0;
	margin-top: .5em;
	width: 95%;
	border: 1px solid #999;
}
.flag-ersatzteile-merken a:before,
.frage-zum-produkt h2.block-title:before {
	display: inline-block;
	font: normal normal normal 5vw/1 fontAwesome;
	margin-right: 1.5vw;
	content: "\f006";
	color: #ce0808;
}
.domain-maserati .flag-ersatzteile-merken a:before,
.domain-maserati .frage-zum-produkt h2.block-title:before {
	color: #015DAE;
}
.domain-lamborghini .flag-ersatzteile-merken a:before,
.domain-lamborghini .frage-zum-produkt h2.block-title:before {
	color: #DDB321;
}
.flag-ersatzteile-merken a.unflag-action:before {
	content: "\f005";
	color: #4CAF50!important;
}
.frage-zum-produkt h2.block-title:before {
	content: "\f059";
}
.frage-zum-produkt h2.block-title {
	margin-top: 0;
}
.flag-message {
	position: relative;
	left: 0;
	top: 0;
	text-align: left;
	width: auto;
	font-size: .8em;
	font-weight: normal;

}
.wunschliste-loeschen {
	margin-top: 1em;
	margin-bottom: -1em;
}
.wunschliste-loeschen .unflag-action {
	font-size: .9em;
}
/*
.wunschliste-block {
	margin-top: 1em;
	margin-bottom: -2.5em;
} */
.i18n-de .flag-ersatzteile-merken p,
.i18n-en .flag-ersatzteile-merken b {
	display: none;
}
.i18n-en .flag-ersatzteile-merken p {
	display: inline-block;
}

/**/
/* - Admin - */
div.contextual-links-wrapper {
	z-index: 500;
}
.tabs.clearfix {
	position: relative;
	z-index: 300;
}