/* 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 - */
@media screen and (min-width: 992px) {
	.mobil, .nur-ipad, .bis-tablet {
		display: none;
		}
	.desktop {
		display: inherit;
		}
	li.fa.desktop {
		display: inline-block;
	}
		
	h2 {
		font-size: 1.7em;
		margin-bottom: 1em;
	}
	.path-frontpage h2.block-title {
		margin-bottom: .3em;
		margin-top: .8em;
	}
	.desktop ul.menu {
		margin: 0;
		}
	.desktop ul.menu li.leaf {
		list-style: none;
		}
		
	/**/
	/* - Header - */
	/**/
	.wunschliste-block-oben .anzahl-oben {
		top: 107px;
		right: 260px;
	}
	.wunschliste-block-oben a,
	.wunschliste-block-oben .fa::before {
		font-size: 1.4em;
		white-space: nowrap;
	}
	.wunschliste-block-oben a
	.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,
	.path-frontpage .menu-links-oben li.first {
		background: black;
		border: 1px solid white;
	}
	#region-user-second {
		margin: 0;
		width: 100%;
	}
	.mail {
		
	}
	.telnr {
		font-size: 1rem;
	}
	.telnr .content {
		padding: 0.3em 0.5em;
		width: 40%;
		margin-left: auto;
		font-size: .9em;
	}
	.region.region-nav-branding {
		height: 145px;
	}
	.logoblock {
		width: 400px;
	}
	.logoblock img {
		margin-bottom: 6px;
	}
	.slogantext {
		font-size: 15px;
		text-align: left;
	}
	.suchblock,
	.suchapi {
		top: 98px;
		right: 10px;
	}
	.suchapi input.form-text {
		font-size: 1.25em;
	}
	.suchapi #edit-search-wrapper {
		width: 83%;	
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;
	}
	.i18n-en .suchapi #edit-search-wrapper {
		width: 81%;	
	}


	.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: 15px;
		top: 40px;
	}
	.sprachschalter a.btn {
		padding: 0;
		margin: 0;
	}
	.sprachschalter .btn img {
		height: 56px;
	}


	/* - Inhaltsbereich - */
	.path-frontpage .region-content {
		padding: 0;
	}
	.headerslideshow {
		margin: 0;
	}
	.flexslider {
		width: 720px;
		height: 300px;
		display: table;
		margin: 0;
		}
		
	/* - Menü oben */
	header .navbar {
		padding-bottom: 0;
	}
	#navbarSupportedContent {
		padding-top: 10px;
		padding-bottom: 0 !important;
	}
	.hauptmenu > ul {
		padding: 0;
		margin: 0;
		width: 100%;
		flex-wrap: nowrap !important;
	}
	.hauptmenu ul li {
		border-right: 1px solid #BD494A;
		border-top: 1px solid #BD494A;
		display: flex;
		}
	.hauptmenu ul li.punkt {
		border-left: 1px solid #BD494A;
	}
	.domain-maserati .hauptmenu ul li {
		border-right: 1px solid #4C7EAA;
		border-top: 1px solid #4C7EAA;
	}
	.domain-maserati .hauptmenu ul li.first {
		border-left: 1px solid #4C7EAA;
	}
	.domain-lamborghini .hauptmenu ul li {
		border-right: 1px solid #E6DAB0;
		border-top: 1px solid #E6DAB0;
	}
	.domain-lamborghini .hauptmenu ul li.first {
		border-left: 1px solid #E6DAB0;
	}
	.hauptmenu a {
		color: white;
		padding: .5em .5em 10px;
		display: block;
		text-align: center;
	}
	.hauptmenu li a.active {
		background: white;
		color: #b60906 !important;
	}
	.hauptmenu a:link,
	.hauptmenu a:visited {
		text-decoration: none;
		font-size: 1em;
		}
	.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;
	}
	.kacheltitel h3 {
		font-size: .95em;
	  }
	#flexslider-2 {
		padding: 15px;
		height: auto;
		width: auto;
	}
	
	/**/
	/* - Vollansicht ET - */
	.bilder-daten .daten.textdaten {
		width: 40%;
	}
	.bilder-daten .bildercontainer {
		width: 60%;
	}
	.vollansicht-typen {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
		
	/**/
	/* - 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;
		}
	.webform input.form-text {
		font-size: 1em;
		width: 77.4%;
		}
	.webform .form-type-radio label {    
		padding-left: 2.8em;  
		margin-right: 3em;  
	}
	.webform .form-type-radio label:before {
		width: 2em;
		height: 2em;
		margin-right: 2em;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		border-radius: 1em;
		}
	.webform 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%;
		}
	.webform .form-textarea-wrapper {
		width: 100%;
		margin-top: 5px;
		}
	.webform .form-textarea-wrapper textarea {
		font-size: 1em;
		}
	.webform-client-form #edit-submit {
		font-size: 1em;
		}
	.webform .form-required {
		color: #CB191B;
		}


		
	/* - Views - */
	.quadratliste {
		margin-right: -1em;
	}
	.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 - */
	/**/
	footer {
		font-size: 1rem;
		}
	.impressumsmenu.desktop ul {
		text-align: center;
		width: 100%;
	}
/*	.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;
		text-align: center;
		display: table;
	}

	/* - Flags - */
	.frage-zum-produkt {
		padding: 1em;
		width: auto;
	}
	.flag-ersatzteile-merken a:before,
	.frage-zum-produkt h2.block-title:before {
		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-familiy: fontAwesome;
	}
		
	/**/
	/* - Social Links - */
	/**/
	.sociallinks {
		top: 30px;
		}
	.sociallinks a {
		margin-bottom: 10px;
		width: 23px;
		}
}