/* ==========================================================
   Eigene Anpassungen M.D. Lackierer
   Wird nach style.css und responsive.css geladen und
   überschreibt deren Regeln. Die Vorlagen-Dateien bleiben
   dadurch unverändert.
   ========================================================== */

/* ---------- Ladebildschirm: eigenes Logo statt Vorlagen-Symbol ---------- */
.preloader{
	background-image: url(../images/logo.png);
	background-size: 260px auto;
	animation: md-preloader-pulse 1.4s ease-in-out infinite;
}

@keyframes md-preloader-pulse{
	0%, 100% { background-size: 260px auto; }
	50%      { background-size: 280px auto; }
}

/* ---------- Handy (bis 767px Breite) ---------- */
@media only screen and (max-width: 767px){

	/* Kompakter Kopfbereich: Adresse, Kontakt und Öffnungszeiten
	   ausblenden - sie stehen weiter unten im Abschnitt "Kontakt" */
	.main-header .header-upper .upper-right{
		display: none;
	}

	/* Logo kleiner und mittig */
	.main-header .logo-outer{
		padding: 12px 0;
		text-align: center;
	}

	.main-header .logo-outer .logo img{
		max-height: 70px;
		width: auto;
	}
}