/* Auto-Elektrik Müller GmbH 2020

Rot: #e30514
Grau: #1C1C1B

*/

/* rokkitt-100 - latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/rokkitt-v17-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rokkitt-v17-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rokkitt-v17-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rokkitt-v17-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rokkitt-v17-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rokkitt-v17-latin-100.svg#Rokkitt') format('svg'); /* Legacy iOS */
}

/* rokkitt-200 - latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/rokkitt-v17-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rokkitt-v17-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rokkitt-v17-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rokkitt-v17-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rokkitt-v17-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rokkitt-v17-latin-200.svg#Rokkitt') format('svg'); /* Legacy iOS */
}

/* rokkitt-regular - latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rokkitt-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rokkitt-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rokkitt-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rokkitt-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rokkitt-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rokkitt-v17-latin-regular.svg#Rokkitt') format('svg'); /* Legacy iOS */
}

/* rokkitt-300 - latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/rokkitt-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rokkitt-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rokkitt-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rokkitt-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rokkitt-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rokkitt-v17-latin-300.svg#Rokkitt') format('svg'); /* Legacy iOS */
}

/* rokkitt-500 - latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/rokkitt-v17-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rokkitt-v17-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rokkitt-v17-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rokkitt-v17-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rokkitt-v17-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rokkitt-v17-latin-500.svg#Rokkitt') format('svg'); /* Legacy iOS */
}

/* rokkitt-600 - latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/rokkitt-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rokkitt-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rokkitt-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rokkitt-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rokkitt-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rokkitt-v17-latin-600.svg#Rokkitt') format('svg'); /* Legacy iOS */
}

/* rokkitt-700 - latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rokkitt-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rokkitt-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rokkitt-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rokkitt-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rokkitt-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rokkitt-v17-latin-700.svg#Rokkitt') format('svg'); /* Legacy iOS */
}

/* rokkitt-800 - latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/rokkitt-v17-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rokkitt-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rokkitt-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rokkitt-v17-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rokkitt-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rokkitt-v17-latin-800.svg#Rokkitt') format('svg'); /* Legacy iOS */
}

/* rokkitt-900 - latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/rokkitt-v17-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/rokkitt-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rokkitt-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rokkitt-v17-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rokkitt-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rokkitt-v17-latin-900.svg#Rokkitt') format('svg'); /* Legacy iOS */
}


/* ALLGEMEINES */
html, body {
	font-size: 19px !important;
	padding: 0px !important;
	margin: 0px !important;
	color: #1C1C1B !important;
	line-height: 150% !important;
    font-family: 'Rokkitt', serif !important;
}


/* ----------------- FORMATIERUNGEN ----------------- */
h1, h2, h3, h4, h5, h6 {
	color: #e30514;
	border: 0px !important;
}

h1 {
	margin: 0px 0px 20px 0px !important;
	font-weight: 900 !important;
	font-size: 270%;
}

@media only screen and (max-width:767px) {
	h1 {
		font-size: 200% !important;
	}

	h2 {
		font-size: 170% !important;
	}
}

.itemid-101 h1 {
	margin-bottom: -2% !important;
}

#sp-minitek-wall h3 {
	font-size: 250% !important;
	text-transform: none !important;
	font-weight: 900;
}

.itemid-101 #sp-main-body {
	margin-bottom: 50px !important;
}

.mnwall-desc {
	font-size: 190% !important;
	font-weight: 700 !important;
}

h2 {
	margin: 0px 0px 20px 0px !important;
	font-weight: 800 !important;
	font-size: 220%;
	color: #1C1C1B;
}

h2 strong {
	color:  #e30514!important;
}

h2, .entry-header h2 {
	margin: 25px 0px 15px 0px !important;
}

.page-header {
	margin: 0px !important;
	border: 0px !important;
	padding: 0px !important;
}

.entry-header {
	margin: 0px !important;
}

strong {
	font-weight: 800 !important;
}

#sp-hier-finden-sie-uns h2 {
	margin-top: 3% !important;
}

#sp-textblock {
	font-size: 90% !important;
	margin-top: 2%;
}

/* links */
#sp-main-body p a, p a:visited {
	color: #e30514;
	border-bottom: 1px solid #e30514;
}

#sp-main-body p a:hover {
	color: #e30514;
	border-bottom: 1px solid #e30514;
}

/* liste */
#sp-main-body ul {
	padding: 0px 0px 0px 15px !important;
}

#sp-main-body ul li {
	margin-bottom: 6px !important;
	padding: 0px 0px 0px 15px !important;
}

/* blockquote */
blockquote {
	padding: 20px !important;
	border: 0px !important;
	background: #e30514 !important;
	font-size: 100% !important;
	color: #fff !important;
	font-weight: 700 !important;
}

blockquote a {
	color: #fff !important;
	border-bottom: 1px solid #fff !important;
}

blockquote a:visited {
	color: #fff !important;
	border-bottom: 1px solid #fff;
}

blockquote p a:hover  {
	color: #fff;
	border-bottom: 1px solid #fff;
}

/* fehlermeldung */
div.alert-message {
	background: #e30514 !important;
	color: #fff !important;
}

div.alert-message p {
	margin: 0px !important;
}

h4.alert-heading {
	font-size: 250% !important;
	color: #fff !important;
}

/* ----------------- HEADER & LOGO ----------------- */
#sp-top-bar {
	background-color: rgba(28,28,27,0.52) !important;
    z-index: 100 !important;
    position: absolute;
    width: 100% !important;
    padding-bottom: 20px;
}

#sp-top-bar .sp-module {
	margin: 0px !important;
}

#sp-logo h1 {
	margin: 0px !important;
}

@media only screen and (max-width:767px) {
#sp-logo {
	width: 90% !important;
	text-shadow: 2px 2px 4px #000000;
}
}

@media only screen and (max-width:767px) {
#sp-top-bar {
	background-color: rgba(28,28,27,0.0) !important;
}
}

@media only screen and (max-width:1199px) {
#sp-top-bar {
	font-size: 90% !important;
}
}

@media only screen and (max-width:991px) {
#sp-top-bar {
	font-size: 76% !important;
}
}

.sp-retina-logo {
	display: none !important;
}

.sp-default-logo {
	display: none !important;
}


/* slideshow */
.tp-bannertimer {
	display: none !important;
}

/* MENÜ */
#sp-menu {
	margin-top: 65px !important;
	font-weight: 600 !important;
}

.sp-megamenu-parent {
	float: right !important;
}

#sp-menu ul li a {
	line-height: 100% !important;
	color: #fff !important;
	font-size: 95% !important;
}

/* dropdown */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding: 0px !important;
}

.sp-megamenu-parent .sp-dropdown {
	z-index: 1000 !important;
	padding-top: 41px !important;
}

#sp-menu ul li ul li a {
	color: #1C1C1B !important;
}

#sp-menu ul li ul li:hover a {
	color: #fff !important;
	background: #e30514 !important;
}

/* mobile menu */
#offcanvas-toggler {
	line-height: 100% !important;
}

#offcanvas-toggler > i {
	margin: 2px 0px 0px 5px !important;
	padding: 0px !important;
	color: #fff !important;
	font-size: 35px;
	text-shadow: 2px 2px 10px #000000;
}

@media only screen and (max-width:767px) {
#offcanvas-toggler {
	position: absolute !important;
	top: 25px !important;
	right: 20px !important;
}
}

#sp-menu {
	margin-top: 65px !important;
}

@media only screen and (min-width:767px) {
#offcanvas-toggler {
	display: none !important;
}
}

#accordion_menu_99 a {
	font-family: 'Rokkitt', serif !important;
	background-color: #e30514 !important;
	color: #fff !important;
}


/* aufklappbar */
.offcanvas .offcanvas-menu ul.nav-child li {
	padding: 0px !important;
}

div.divuli[style] {
	padding: 0px !important;
}

.offcanvas-menu {
	background-color: #e30514 !important;
}

.offcanvas-menu .offcanvas-inner {
	padding: 0px !important;
}

.offcanvas-menu ul.accordion-menu {
	border: 0px !important;
	margin: 50px 0px 0px 0px !important;
}

.offcanvas-menu ul.accordion-menu li {
	background: none !important;
	padding: 0px !important;
	margin: 0px !important;
	border-bottom: 1px solid #fff !important;
}

.offcanvas-menu ul.accordion-menu li ul li {
	border-bottom: 1px solid #fff !important;
	background: #1C1C1B !important;
}

.offcanvas-menu ul.accordion-menu li ul li ul li {
	border-bottom: 1px solid #fff !important;
	background: #1C1C1B !important;
}

.offcanvas-menu ul.accordion-menu li a {
	line-height: 100% !important;
	padding: 12px !important;
	font-size: 17px !important;
	color: #1C1C1B !important;
	font-weight: 700 !important;
	display: block !important;
	border: 0px !important;
	font-family: 'Rokkitt', serif !important;
}

.offcanvas-menu ul.accordion-menu li a:hover {
	color: #e30514 !important;
	background: none !important;
}
	
.offcanvas-menu ul.accordion-menu li.current {
	background: #e30514 !important;
}

.offcanvas-menu ul.accordion-menu li.current a:hover, .offcanvas-menu ul.accordion-menu li.current a {
	color: #fff !important;
}

.offcanvas-menu ul.nav.menu, .offcanvas-menu .sp-module {
	margin: 0px !important;
}

.offcanvas-menu ul.nav.menu li {
	border-bottom: 1px solid #fff !important;
	background: none !important;
}

.offcanvas-menu ul.nav.menu li a {
	line-height: 100% !important;
	padding: 12px !important;
	font-size: 15px !important;
	color: #1C1C1B !important;
	font-weight: normal !important;
	display: block !important;
	font-family: 'Rokkitt', serif !important;
	border: 0px !important;
}

ul.accordion-menu.button-right li > .item-wrapper > .menu-button > img {
	padding: 0px 17px !important;
}

/* SEARCH */
#sp-search {
	margin-top: 15px !important;
}

#sp-search input {
	width: 100% !important;
}

.acesearch_bg_module {
	height: auto !important;
}

#sp-search .acesearch_clear {
	display: none !important;
}

/* ergebnisse */
.search .btn-toolbar button {
	background: #e30514 !important;
}

.search dt.result-title, .search dt.result-title a {
	font-weight: 600 !important;
	color: #e30514 !important;
}

.search .result-category, .search .form-limit {
	display: none !important;
}

.search .result-text {
	line-height: 165% !important;
}

/* FEATURE */
.tp-leftarrow {
	margin-left: 20px !important;
}

.tp-rightarrow {
	margin-right: 20px !important;
}


/* ----------------- MAIN-BODY ----------------- */
#sp-main-body {
	padding: 40px 0px !important;
	padding-bottom: 0px !important;
}

article.item {
	margin: 0px !important;
}

.pagination > .active > a, .pagination > .active > span {
	background: #e30514 !important;
	border-color: #e30514 !important;
}

/* KONTAKT */
@media only screen and (max-width:768px) and (min-width:0px) {
div.linkss table.map {
		float: none !important; 
		width: 100% !important;
}
}

/* SLIDER */
.accordion-toggle {
	background-color: #e30514 !important;
	color: #fff !important;
	font-weight: 700 !important;
}

.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
    background: #e30514 url(../images/slider-close.png) no-repeat center right !important;
}

.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle {
    background: #e30514 url(../images/slider-open.png) no-repeat center right !important;
}

/* FORMULARE */
.wdform_section {
	font-family: 'Rokkitt', serif !important;
}

.wdform_column {
	border-spacing: 0px !important;
}

.mini_label {
	margin: 0px !important;
	line-height: 100% !important;
}

.wdform-field .button-submit {
	background: #e30514 !important;
	font-size: 100% !important;
	margin: 0px !important;
}

.wdform-field .button-submit:hover {
	background: #e30514 !important;
}

.wdform-field[type="type_name"] .wdform-element-section div {
	float: left !important;
}

.wdform-field[type="type_name"] .wdform-element-section div div {
	clear: both !important;
}

.wdform-field[type="type_name"] .wdform-element-section div input {
	width: 100% !important;
}


/* ----------------- FOOTER ----------------- */
#sp-footer {
	background: #e30514 !important;
	text-align: left !important;
	font-size: 80% !important;
}

#sp-footer-big a {
	color: #fff !important;
	border-bottom: 1px solid #fff;
}

#sp-footer-big {
	margin-top: -11px !important;
}


#sp-footer-big h3 {
	color: #fff !important;
	font-weight: 900 !important;
	margin-top: 15% !important;
	text-transform: uppercase;
}

/* COOKIE SCRIPT */
.cookie-bar-text, .cookie-bar-link, .cookie-bar-button {
	font-size:90%;
}


/* ----------------- ERROR PAGE ----------------- */
.error-page body {
	background: #e30514 !important;
	font-family: 'Rokkitt', serif !important;
}

.error-page h1 {
	color: #fff !important;
	font-size: 1200% !important;
	font-weight: 700 !important;
	line-height: 100% !important;
	border-top: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
	display: inline !important;
}

.error-page h2 {
	color: #fff !important;
	font-size: 400% !important;
	margin-top: 70px !important;
	font-weight: 300 !important;
}

.error-page h3 {
	color: #fff !important;
	margin-bottom: 45px !important;
}

.error-page a.zbutton {
	color: #fff !important;
	padding: 15px 50px !important;
	border: 1px solid #fff !important;
	margin-right: 5px !important;
}

.error-page a.button {
	color: #e30514 !important;
	padding: 15px 30px !important;
	border: 1px solid #fff !important;
	background: #fff !important;
	font-weight: 600 !important;
}

.error-page a.zbutton:hover, .error-page a.button:hover {
	background: #e30514 !important;
	color: #fff !important;
}

/* ----------------- SITEMAP ----------------- */
#jmap_sitemap a {
	color: #1C1C1B !important;
}

#jmap_sitemap a:hover {
	color: #1C1C1B !important;
	border-bottom: 1px dotted #1C1C1B !important;
}

.folder {
	color: #1C1C1B !important;
}

img {
	display: inline;
  vertical-align: baseline !important;
  }

/*----------------- DOTTED OUTLINE ELIMINIERUNG -----------------*/
  a {
   outline: 0 !important;
}

/* KONTAKTFORMULAR INFO-TEXTE */
.convertforms .cf-control-input-desc {
    opacity: 1;
    font-size: 90%;
}

/* Social Links Leiste */
.social-links {
	position: fixed;
	right: 0px;
	width: 45px;
	top: 600px;
	z-index: 999;
}

.social-links a {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	height: 45px;
	width: 45px;
	text-align: center;
	background-color: #e30514;
	margin-bottom: 3px;
	padding: 10px;
	line-height: 0;
	margin: 0;
}

.social-links a span {
	display: none;
	width: auto;
	position: absolute;
	right: 45px;
	background-color: inherit;
	height: 45px;
	top: 0;
	color: #ffffff;
	line-height: 45px;
	padding-left: 25px;
	padding-right: 15px;
	white-space: nowrap;
	font-size: 16px;
}

/* Icon */
.social-links a i {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	width: 45px;
	margin-right: 0;
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat;
}
.icon-smartphone {
	background-image: url("../images/smartphone-icon.svg");
}

.icon-facebook{
	background-image: url("../images/facebook-icon.svg");
}

.icon-mail{
	background-image: url("../images/mail-icon.svg");
}

.icon-route{
	background-image: url("../images/route-icon.svg");
}


.social-links a span.zweizeilig {
	line-height: 20px;
	padding-top: 5px;
	height: 50px;
	padding-right: 20px;
}

/*  Hover-Effekt */
.social-links a:hover {
	background-color: #e30514;
}

.social-links a:hover span {
	display: inline-block;
	transition: all 0ms;
	font-family: 'Rokkitt', serif !important;
	font-weight: 600;
}

.social-links a:nth-child(4) {
	padding-top: 13px;
}

/* Responsive Layout */
@media only screen and (max-width:1200px) {
	.social-links {
		top: 360px;
	}
}

@media only screen and (max-width:980px) {
	.social-links {
		top: 275px;
	}
}

@media only screen and (max-width:760px) {
	.social-links {
		display: none;
	}
}

/* Shine */
#sp-icons {
	position: relative;
}
#sp-icons::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
#sp-icons:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

#sp-icons img:hover {
	transform: scale(1.2);
}

/* MINITEK WALL */
	.light-text h3.mnwall-title a, .light-text h3.mnwall-title span {
	    color: #1C1C1B !important;
	    font-size: 14px;
		font-weight: lighter;
	}
	@media only screen and (max-width:733px) {
		.light-text h3.mnwall-title a, .light-text h3.mnwall-title span {
		    font-size: 16px;
		}
	}	

	h3.mnwall-title {
	    line-height: 14px !important;
	    padding-left: 0px !important;
	}


	.mnwall-columns .mnwall-item-inner {
	    padding: 0px !important;
	}

/* STYLING COOKIE HINT */

	#redim-cookiehint .cookiecontent {
	    padding: 20px !important;
	}

	.cookiebuttons #cookiehintsubmit {
	    background: #e30514 !important;
	    color: #FFFFFF !important;
	}

	#redim-cookiehint .cookiebuttons a.btn {
	    color: #707070;
	}

	.cookiebuttons #cookiehintsubmit:hover {
	    background: #e30514 !important;
	}

	#cookiehintinfo {
	    background: #e8e8e8 !important;
	}

	#cookiehintinfo .btn {
	    background: #e30514 !important;
	}