@charset "UTF-8";
/* ================================================================
   Seitenkopf: Logo und Titel "Alpenländische Gitarrenmusik"
   ----------------------------------------------------------------
   Beides war bisher als <h2> ausgezeichnet und damit auf jeder Seite
   eine Überschrift ohne Inhaltsbezug (schlecht für Google). Jetzt sind
   es <div>-Elemente mit Klasse. Diese Datei überträgt das bisherige
   Aussehen 1:1 aus
     - fonts-farben.css  (.kopfbereich h2, h2 { font-family: Lato })
     - layout.css        (h2.logotitel, Media Query ab 48em)
   Die alten h2-Regeln in diesen Dateien können stehen bleiben – sie
   greifen einfach nicht mehr.
   ================================================================ */

.kopfbereich .logobild,
.kopfbereich .logotitel {
	display: block;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: #EBEBEB;
}

.kopfbereich .logotitel {
	margin-bottom: 16px;
}

.kopfbereich .logotitel span {
	color: #E96232;
	font-size: 30px;
	letter-spacing: 1px;
}

@media screen and (min-width:48em) {
	.kopfbereich .logotitel {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 auto;
		        flex: 1 0 auto;
		margin-top: 40px;
		font-size: 40px;
	}

	.kopfbereich .logotitel span {
		font-size: 54px;
	}
}