/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal
 *  and widescreen CSS files as appropriate. */
 
/* - Ausblendung von Mobil-Elementen und Einblendung von Elementen in Tabletansicht - */
.mobil {
	display: none;
	}
.desktop, .nur-ipad {
	display: inherit;
	}

	
body {
	font: 11px/1.2 Arial,Helvetica,Verdana,sans-serif;
	}
h2 {
	font-size: 1.7em;
	margin-bottom: 1em;
}
.front h2.block-title {
	margin-bottom: .3em;
	margin-top: .8em;
}
.desktop ul.menu {
	margin: 0;
	}
.desktop ul.menu li.leaf {
	list-style: none;
	}
#zone-user-wrapper,
#zone-branding,
#zone-menu-wrapper,
#zone-content-wrapper,
#zone-footer-wrapper {
	width: 720px;
	margin: 0 auto;
}

#region-footer-second,
#region-branding,
#region-content.grid-12,
#region-menu {
	margin: 0 auto;
	width: 100%;
	}

#region-content {
	background: white;
}
#region-branding {
	position: relative;
	z-index: 100;
	padding: .6em 0 6.5em;
	}
#region-sidebar-first  {
	width: 147px;
	margin: 0;
}
#region-content {
	width: 572px;
	padding: 0 0 1em 1px;
	margin: 0;
}
#region-content {
	min-height: 35em;
}
#region-content .region-inner {
}
#zone-content,
#zone-branding {
	margin: 0 auto;
	width: 720px;
}
	
/**/
/* - Header - */
/**/
#zone-user {
    height: auto;
	padding: 0;
	display: block;
	width: auto;
	background: transparent;
}
.menu-links-oben {
	position: absolute;
	top: .5em;
	left: -10px;
	z-index: 100;
}
.menu-links-oben .fa.desktop {
	display: inline-block;
}
.wunschliste-block-oben {
	position: absolute;
	top: 90px;
	left: 360px;
	z-index: 200;
}
.wunschliste-block-oben a,
.wunschliste-block-oben .fa::before {
	font-size: 1.4em;
	white-space: nowrap;
}
.hauptmenu a {
	font-family: 'Fauna One', serif;
	font-size: 11px;
	text-transform: uppercase;
}
.menu-links-oben a:link,
.menu-links-oben a:visited,
.wunschliste-block-oben a:link,
.wunschliste-block-oben a:visited,
.wunschliste-block-oben .fa:before  {
	color: white;
}
.menu-links-oben .fa:before {
	color: white;
}
.menu-links-oben li.active-trail,
.front .menu-links-oben li.first {
	background: black;
	border: 1px solid white;
}
#region-user-second {
	margin: 0;
	width: 100%;
}
.mail {
	
}
.telnr {
    margin-top: 0;
	text-align: right;
	padding: .3em 0;
	margin-right: -10px;
}
.telnr .content {
    padding: 0.3em 0.5em;
	width: 40%;
	margin-left: auto;
	font-size: .9em;
}
.logoblock {
	width: 300px;
	position: relative;
	float: left;
}
.logoblock img {
	margin-bottom: 6px;
}
.slogantext {
	font-size: 11.4px;
	position: absolute;
	bottom: 0;
}
.suchblock {
	width: 350px;
	position: absolute;
	right: 0;
	top: 80px;
}
.suchblock .form-item,
.suchblock .form-item.form-item-custom-search-blocks-form-2 {
	width: 83%;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}
.suchblock .form-item.form-item-custom-search-blocks-form-2 {
	width: 81%;
}
#custom-search-blocks-form-1 .form-actions input,
#custom-search-blocks-form-2 .form-actions input {
	margin: 0;
	font-size: inherit;
	padding: .5em;
} 
#custom-search-blocks-form-1:focus, #custom-search-blocks-form-1:active,
#custom-search-blocks-form-1:hover, #custom-search-blocks-form-2:focus, #custom-search-blocks-form-2:active, #custom-search-blocks-form-2:hover {
    position: inherit;
    top: 1.8vw;
    width: inherit;
    z-index: 200;
}
.suchblock input.form-text,
#region-user-second {
    font-size: 1.25em;
}


.sprachschalter {
	right: inherit;
	top: 30px;
	left: 602px;
	width: 100px;
}
.sprachschalter li {
	width: 40px;
	float: right;
	margin-left: 7px;
}
#region-preface-first {
	width: 100%;
	margin: 0;
}


/* - Inhaltsbereich - */

.headerslideshow {
	margin: 0;
}
.flexslider {
	width: 720px;
	height: 300px;
	display: table;
	margin: 0;
	}
.titelundtext {

}
	
/* - Menü oben */
.hauptmenu.desktop {
	position: absolute;
	bottom: 0;
	width: 100%;
	}
.hauptmenu ul.menu {
	padding: 0;
	margin: 0;
	display: table;
	width: 100%;
}
.hauptmenu ul.menu li {
	margin: 0;
	display: table-cell;
	padding: .5em .5em 10px;
	border-right: 1px solid #BD494A;
	border-top: 1px solid #BD494A;
	}
.hauptmenu ul.menu li.first {
	border-left: 1px solid #BD494A;
}
.domain-maserati .hauptmenu ul.menu li {
	border-right: 1px solid #4C7EAA;
	border-top: 1px solid #4C7EAA;
}
.domain-maserati .hauptmenu ul.menu li.first {
	border-left: 1px solid #4C7EAA;
}
.domain-lamborghini .hauptmenu ul.menu li {
	border-right: 1px solid #E6DAB0;
	border-top: 1px solid #E6DAB0;
}
.domain-lamborghini .hauptmenu ul.menu li.first {
	border-left: 1px solid #E6DAB0;
}
.hauptmenu ul.menu li:hover,
.hauptmenu ul.menu li:active,
.hauptmenu ul.menu li:focus,
.hauptmenu ul.menu li.active-trail {
	background: black;
}
.hauptmenu a {
	color: white;
	padding: 0;
	display: block;
	text-align: center;
}
.hauptmenu a:link,
.hauptmenu a:visited {
	text-decoration: none;
	}
.hauptmenu li a:hover,
.hauptmenu li a:active,
.hauptmenu li a:focus,
.hauptmenu li a.active,
.hauptmenu li.expanded a.active,
.hauptmenu li.expanded a.active-trail {
	color: white;
	}
.hauptmenu ul.menu li.nicht-tablet {
	display: none;
	}
a.umbruch {
	word-wrap: break-word;
}
	
/* - 2.Ebene - wird derzeit nicht benötigt (2017-08-13) - */
.hauptmenu li.expanded li a {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	padding-left: 25px;
	padding-top: .2em;
	padding-bottom: .2em;
	font-size: 1em;
	}
.hauptmenu li.expanded li.first a {
	padding-top: .3em;
	}
.hauptmenu li.expanded li a:link,
.hauptmenu li.expanded li a:visited {
	color: #383838;
	}

.hauptmenu li.expanded li a:hover,
.hauptmenu li.expanded li a:focus,
.hauptmenu li.expanded li a:active {
	color: #666;
	background: transparent;
	text-decoration: underline;
	}

.hauptmenu li.expanded li a.active {
	background: transparent;
	font-weight: bold;
	color: #ce0808;
	}
.domain-maserati .hauptmenu li.expanded li a.active {
	color: #ce0808;
	}

/**/
/* - Startseite - */
/**/

.startblock {
	width: 234px;
	padding: 0;
	display: inline-table;
	z-index: 200;
	position: relative;
	}
.startblock.beitrag1 {
	margin: 0 3.4em 2em 2em;
	}
.startblock .views-row {
	margin: 0;
}
.views-row .views-field-field-seitenbild {
	border: 2px solid white;
	}

/* - View neueste-et-s auf Startseite - */
.neueste-et-s {
	padding-bottom: 50px;
}
#flexslider-2 {
	padding: 15px;
	height: auto;
	width: auto;
}

	
/**/
/* - weitere Seiten - */
.field-name-body {
	padding-right: 0;
	padding-bottom: 1em;
	}
.field-name-body, .field-name-field-datum {
	margin-bottom: inherit;
	padding-right: inherit;
	}
.field-name-field-datum {
	margin-top: 1em;
	}
.field-name-body p {
	margin-bottom: .5em;
	}
.ersatzteil .field-name-field-albumbilder {
	padding: 1em 0;
	clear: both;
	margin-right: -2%
	}
.field-name-field-albumbilder a {
	width: 31%; 
	margin: 0 1.5% 2% 0;
	border: 2px solid white;
	}
.content .content-column-2, .content .content-column {
	float: left;
	width: 48%;
	display: block;
	}
.content-column-first {
    margin-right: 4%;
}
.field-name-field-et-nr- {
	clear: both;
	margin-bottom: 1.5em;
}

/* - Payment, Shipping - */
.payment-methods td.text {
	width: 180px;
}
	
/* - Kontaktformular - */
.webform-client-form {
	margin-left: 0;
	}
.webform-component.webform-component-textfield {
	margin: 1.3em 0;
	}
.webform-container-inline label {
	width: 20%;
	font-weight: normal;
	}
input.form-text {
	font-size: 1em;
	width: 77.4%;
	}
.form-type-radio label {    
    padding-left: 2.8em;  
    margin-right: 3em;  
}
.form-type-radio label:before {
	width: 2em;
	height: 2em;
	margin-right: 2em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	}
input[type=radio]:checked + label:before {   
    font-size: 3em;
    height: auto;
    line-height: 0.4em;
    padding: 0.2em;
    width: auto; 
}  	
.webform-container-inline div.description {
	padding-top: 5px;
	margin-left: 24%;
	}
.form-textarea-wrapper {
	width: 100%;
	margin-top: 5px;
	}
.form-textarea-wrapper textarea {
	font-size: 1em;
	}
.webform-client-form #edit-submit {
	font-size: 1em;
	}
.form-required {
	color: #CB191B;
	}


	
/* - Views - */
.quadratliste {
	margin-right: -1em;
}
.views-row {
	padding: 1.4em;
	margin: 0 0 2em;
}
.not-front .views-row {
	clear: both;
}
.views-row.ersatzteil {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}
.quadratliste .view-content {
	margin-right: -10px;
}
.views-row.quadrat {
	width: 162px;
	height: 130px;
	margin-right: 20px;
	margin-bottom: 20px;
	clear: right;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.quadrat .quadrattext a {
	height: 130px;
	width: 162px;
	font-size: 1.3em;
}
.not-front .views-row .views-field-field-seitenbild {
    float: left;
    margin-right: 2em;
    width: 169px;
}

.zelle.deutsch,
.zelle.englisch,
.zelle.bild {
    float: left;
    padding-bottom: 1em;
    padding-right: 3%;
    width: 30%;
}
.typen {
	margin-top: 1em;
	padding-top: 1em;
}
.feed-icon img {
	width: 3em;
	margin-top: 2em;
}

/* - Suche beim Typen - */
.view.exposed-filter .view-filters {
	padding: 1em 2em;
}
.view.exposed-filter .view-filters .views-exposed-widget label {
	font-size: 1.3em;
}
.view.exposed-filter .view-filters .views-exposed-widget input.form-text {
	width: 100%;
}
.view.exposed-filter .view-filters .views-exposed-widget .description {
	margin: 0;
	font-size: 1.1em;
}
.view.exposed-filter .view-filters .views-exposed-widget input.form-submit {
	margin: 0 0 -3.5em;
	padding: .5em;
	font-size: inherit;
}


/**/
/* - Footer - */
/**/
#section-footer {
	padding: 2em 1em;
	margin: 2em auto 0;
	font-size: 1em;
	}
#zone-footer {
	width: auto;
	}
#region-footer-second {
}
.impressumsmenu.mobil  {
	display: none;
	}
.impressumsmenu.desktop ul.menu li {
	border-color: #383838;
	}
.impressumsmenu.desktop ul {
	display: table;
	margin: 0 auto;
}
.impressumsmenu.desktop li a {
	padding: 0 .7em;
	}
.impressumsmenu.desktop li a:link,
.impressumsmenu.desktop li a:visited {
	color: #383838;
}
.impressumsmenu.desktop li a:hover,
.impressumsmenu.desktop li a:focus,
.impressumsmenu.desktop li a:active,
.impressumsmenu.desktop li a.active {
	color: #ce0808;
}
.adresse.desktop {
	margin-bottom: 1em;
}

/* - Flags - */
.flag-ersatzteile-merken,
.frage-zum-produkt {
	padding: 1em;
	width: auto;
}
.flag-ersatzteile-merken {
	font-size: inherit;
}
.flag-ersatzteile-merken a {
	font-size: 2em;
}
.flag-ersatzteile-merken a:before,
.frage-zum-produkt h2.block-title:before {
	font: normal normal normal 2em/1 fontAwesome;
	margin-right: .5em;
}
.flagfeld-in-der-liste .flag-ersatzteile-merken {
	margin-top: 1em;
}
.flagfeld-in-der-liste .flag-ersatzteile-merken a {
	font-size: 1.2em;
}
.flagfeld-in-der-liste .flag-ersatzteile-merken a:before {
	font: normal normal normal 1em/1 fontAwesome;
}
	
/**/
/* - Social Links - */
/**/
.sociallinks {
	top: 30px;
	}
.sociallinks a {
	margin-bottom: 10px;
	width: 23px;
	}