:root {
	font-size: 1em;
	font-family: "Source Sans Pro", sans-serif;
	text-align: center;
	/* available in 
	"Extra-Light" = 200, 
	"Light" = 300, 
	"Normal" = 400,
	"Semi-Bold" = 600,
	"Bold" = 700, and
	"Ultra-Bold" = 900
	*/
	color: #000;
	background-color: #E2DDD7;
	width: 100%;
	margin: 0;
	padding: 0;
	flex-basis: auto;
	-webkit-flex-basis: auto;
}

/*
bräunlichrotes Grau in der Navigation: #5E5247
gelbliches Grau im Content-Bereich: #CDC6BC
tiefes Blau: #00132B
Rotbraun: #460606
*/

a, a:visited {
	color: #40536B;
	text-decoration: none;
}

a:focus, a:active, a:hover {
	color: #30435B;
	text-decoration: none;
}

a#inhalt, a#inhalt:visited, a#inhalt:focus, a#inhalt:active, a#inhalt:hover {
	display: none;	
}

a.navigation, a.navigation:visited {
	color: #5E5247;
	letter-spacing: 0.05em;
	margin: 0;
	padding: 0 0.6em;
	-webkit-transition: .5s all ease-out;
	-moz-transition: .5s all ease-out;
	transition: .5s all ease-out;
}

a.navigation:focus, a.navigation:active, a.navigation:hover {
	color: #fff;
	margin: 0;
	padding: 0 0.6em;
	background-color: #5E5247;
	border-radius: 0.2em;
}	

a.screenreader, a.screenreader:visited, a.screenreader:focus, a.screenreader:active, a.screenreader:hover {
color: transparent;
text-decoration: none;
font-size: 0em;
font-weight: normal;
position: absolute;
top: -1000em;
left: -1000em;
z-index: -1;
}


.kursiv {
	font-style: italic;
}




@media all and (max-width: 1023px) {

	body {
		font-size: 1em;
		text-align: center;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	body header {
		font-size: 1em;
		text-align: center;
		min-height: 5em;
		width: 100%;
		background-color: #E2DDD7;
		margin: 0;
		padding: 0;
	}

	body header div#sticker {
		display: none;
	}
	
	body header div#linguae {
		color: #460606;
		font-size: 1.4em;
		display: inline;
		position: absolute;
		top: 0.05em;
		right: 0.3em;
		z-index: 2;
	}

	body header div#menu_box.unsichtbar {
		display: none;
	}

	body header div#menu_box.sichtbar {
		display: inline;
		text-align: left;
		color: #460606;
		background-color: #E2DDD7;
		height: auto;
		width: auto;
		position: absolute;
		top: 2em;
		right: 0;
		left: 0;
		z-index: 2;
	}

	body header div#menu_box ul#menu_listing.unsichtbar {
		display: none;
	}

	body header div#menu_box ul#menu_listing.sichtbar {
		display: block;
		font-size: 1.5em;
		text-align: left;
		list-style-type: none;
		margin: 0.2em 0 0 0.6em;
		padding: 0 0 100em 0;
	}

	body header div#menu_box ul#menu_listing li.menu_item_unsichtbar {
		display: none;
	}

	body header div#menu_box ul#menu_listing li.menu_item_sichtbar {
		display: block;
		color: #460606;
		margin: 0;
		padding: 0 0 0.2em 0;
	}

	body header div#sticker-sticky-wrapper.sticky-wrapper {
		display: none;
	}

	body header img#fv_ct {
		text-align: center;
		width: 21em;
		height: 3.5em;
		margin: 2em auto 1em auto;
		padding: 0;
	}

	body header img#menu_icon {
		display: inline;
		height: 2em;
		width: 3.6em;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}

	body header p#sticker {
		display: none;
	}


	body main {
		flex-direction: column;
		-webkit-flex-flow: column;
		min-width: 22.5em;
		max-width: 100%;
	}

	body main > * {
		order: 0;
		-webkit-order: 0;
	}

	body main article {
		text-align: left;
		font-size: 1em;
		min-height: 5em;
		background-color: #fff;
		margin: 0 0.75em;
		padding: 0.825em;
		flex: 1 3 auto;
		-webkit-flex: 1 3 auto;
		order: 2;
		-webkit-order: 2;
	}

	body main article section {
		font-size: 1em;
		margin: 0 auto;
		padding: 0 0 2em 0;
	}

	body main article section.blended {
		color: #999;
		margin: 0 auto;
		padding: 0 1em 1em 1em;
	}

	body main article section.blended a {
		color: #999;
	}

	body main article section.termin {
		padding: 0 0 2em 0;
	}
	
	body main article section form.newsletter {
		font-family: Lora, serif;
		margin: 0;
		padding: 0;
	}
	
	body main article section form.newsletter p {
		font-family: Lora, serif;
	}

	body main article section form.newsletter p input {
		font-family: Lora, serif;
	}

	body main article section form.newsletter p input.anmelde_button {
		height: 2.5em;
		width: 7em;
		margin: 0;
		padding: 0;
		border: 1px solid #999;
	}

	body main article section form.newsletter p input.abmelde_button {
		height: 2.5em;
		width: 7em;
		margin: 0;
		padding: 0;
		border: 1px solid #999;
	}

	body main article section form.newsletter p input.newsletter_data {
		font-size: 1em;
		text-align: center;
		color: #000;
		background-color: #fff;
		width: 13em;
		border: 0;
		margin: 0;
		padding: 0.2em 0;
		border: 1px solid #999;
	}

	body main article section form.newsletter p input.opt_in {
		font-size: 1em;
		text-align: left;
		color: #000;
		background-color: #fff;
		border: 1px solid #999;
		margin: 0;
		padding: 0.2em;
	}

	body main article section form.newsletter p input.opt_in#anrede {
		width: 5em;
	}

	body main article section form.newsletter p input.opt_in#e_mail {
		width: 21em;
	}

	body main article section form.newsletter p input.opt_in#nachname {
		width: 18.25em;
	}

	body main article section form.newsletter p input.opt_in#postfach_str_hausnr {
		width: 28em;
	}
	

	body main article section form.newsletter p input.opt_in#lkz_plz_ort {
		width: 28em;
	}

	body main article section form.newsletter p input.opt_in#titel {
		width: 10em;
	}

	body main article section form.newsletter p input.opt_in#vorname {
		width: 19.75em;
	}

	body main article section form.newsletter p input#opt_in_or_out {
		font-size: 1em;
		font-weight: 600;
		color: #fff;
		background-color: #40536B;
	}

	body main article section form.newsletter p label {
		width: auto;
		display: inline;
		margin: 0;
		padding: 0.2em 0.5em 0 0;
	}

	body main article section form.newsletter p select {
		font-family: Lora, serif;
		font-size: 1em;
	}

	body main article section form.newsletter p select option {
		font-family: Lora, serif;
		color: #000;
		font-size: 1em;
	}

	body main article section h2 {
		font-family: "Source Sans Pro", sans-serif;
		text-align: left;
		font-weight: 600;
		font-size: 1.1em;
		margin: 0 auto;
		padding: 0 0 0.5em 0;
	}

	body main article section iframe#youtube_frame {
		width: 309px;
		height: 175px;
		margin: 0;
		padding: 1em 0;
	}
	
	body main article section p {
		text-align: left;
		font-family: Lora, Helvetica, Geneva, Arial, sans-serif;
		font-size: 0.9em;
		margin: 0 auto;
		padding: 0 0 0.5em 0;
		clear: both;
	}

	body main article section p.audio_title {
		margin: 0 auto;
		padding: 1em 0 0 0;
	}

	body main article section p.author {
		font-size: 0.9em;
		color: #999;
		text-align: left;
		margin: 0;
		padding: 0 0 0.6em 0;
	}

	body main article section p.blended {
		color: #999;
		margin: 0 auto;
		padding: 0 0 0.5em 0;
	}

	body main article section p.fett, body main article section p.fett a {
		font-weight: 600;
	}

	body main article section p.media_referer {
		padding: 1em 0 0.5em 0;
	}

	body main article section p.pflicht {
		font-weight: bold;
		color: #AC3030;
		padding: 0;
	}

	body main article section p.spacer {
		text-align: center;
		margin: auto auto;
		padding: 2.5em 0 0.75em 0;
	}

	body main article section p img.cd_cover_img { 
		font-size: 0.8em;
		height: 24em;
		width: 27em;
		margin: 0 auto;
		padding: 0;
	}

	body main article section p img.fv_pressephoto { 
		font-size: 0.8em;
		height: 27em;
		width: 27em;
		margin: 0 auto;
		padding: 0;
	}

	body main article section p img.content_img {
		font-size: 0.8em;
		height: 18em;
		width: 27em;
		margin: 0 auto;
		padding: 0;
	}

	body main article section p img.bg_photo { 
		font-size: 1em;
		height: 16em;
		width: 12em;
		margin: 0 auto;
	}
	
	body main article section p img#fv_img {
		font-size: 0.8em;
		height: 27em;
		width: 27em;
		margin: 0 auto;
		padding: 0;
	}

	body main article section p img.spacer {
		height: 2em;
		width: 3em;
	}
	
	body main article section table.diskographie {
		font-family: Lora, serif;
		font-size: 1em;
		text-align: left;
		margin: 0.5em 0 0 0;
		padding: 0;
		border-collapse: collapse;
		background-color: #fff;
	}

	body main article section table.diskographie tr td {
		font-family: Lora, serif;
		font-size: 1em;
		text-align: left;
		vertical-align: top;
		margin: 0;
		padding: 0 0 0.5em 0;
		background-color: #fff;
	}

	body main article section table.diskographie tr td.img {
		vertical-align: top;
		margin: 0;
		padding: 0 0.5em 1em 0;
	}

	body main article section table.diskographie tr td.img img.cd_cover {
		height: 5em;
		width: 5em;
	}

	body main article section table.diskographie tr td h3 {
		font-family: "Source Sans Pro", sans-serif;
		font-size: 0.8em;
		margin: 0;
		padding: 0 0 0.5em 0;
	}

	body main article section table.diskographie tr td p {
		font-family: Lora, Helvetica, Geneva, Arial, sans-serif;
		font-size: 0.7em;
		margin: 0;
		padding: 0 0 0.25em 0;
	}

	body main article section table.termine {
		font-family: Lora, serif;
		font-size: 1em;
		text-align: left;
		margin: 0;
		padding: 0;
		border-collapse: collapse;
		background-color: #fff;
	}

	body main article section table.termine tr td {
		font-family: Lora, serif;
		font-size: 0.9em;
		text-align: left;
		vertical-align: top;
		margin: 0;
		padding: 0.5em;
		background-color: #fff;
	}
	
	body main article section ul.pflicht {
		font-family: Lora, serif;
		font-size: 0.9em;
		text-align: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	body main article section ul.pflicht li {
		color: #AC3030;
		font-weight: 600;
		margin: 0;
		padding: 0;
	}

	body footer {
		text-align: center;
		font-size: 1em;
		background-color: #E2DDD7;
		min-height: 3em;
		margin: 0 auto;
		padding: 1em;
	}

	body footer img#facebook_logo {
		height: 1.65em;
		width: 1.65em;
		display: inline;
		padding: 0.6em 0 0 0;
		z-index: 1;
	}

	body footer img#mailto_logo {
		height: 1.65em;
		width: 1.65em;
		display: inline;
		padding: 0.6em 0 0 0;
		z-index: 1;
	}

	body footer img#youtube_logo {
		height: 1.65em;
		width: 1.65em;
		display: inline;
		padding: 0.6em 0 0 0;
		z-index: 1;
	}
}




@media all and (min-width: 1024px)  {

	body {
		text-align: center;
		margin: 0;
		padding: 0;
	}

	body header {
		text-align: center;
		font-size: 1em;
		height: 16em;
		width: 64em;
		background-color: #fff;
		background-image: url('../media/common_data/common_logos/header_bg_4zu1_verlauf.png');
		margin: 0 auto;
		padding: 0;
	}
	
	body header div#linguae {
		display: none;
		color: #460606;
		width: 10em;
		position: relative;
		top: 0;
		left: 56em;
		z-index: 2;
	}
	
	body header div#menu_box {
		display: none;
	}
	
	body header div#menu_box ul#menu_listing {
		display: none;
	}
	
	body header div#menu_box ul#menu_listing li {
		display: none;
	}
	
	body header div#sticker-sticky-wrapper.sticky-wrapper {
		position: relative;
		top: 8em;
		z-index: 3;
	}
	
	body header h2 {
		font-size: 2.5em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	
	body header img#fv_ct {
		width: 36em;
		height: 6em;
		margin: 0;
		padding: 0;
		position: relative;
		top: 2em;
		right: 10em;
	}
	
	body header img#menu_icon {
		display: none;
	}
	
	body header p {
		font-size: 1em;
		margin: 0;
		padding: 0;
	}
	
	body header p#sticker {
		text-align: center;
		font-size: 1em;
		font-weight: 400;
		color: #460606;
		background-color: transparent;
		transition: background-color 700ms linear 0s;
		width: 64em;
		height: auto;
		margin: 0;
		padding: 1.25em 0;
		z-index: 3;
	}
	
	body header p#sticker.scrolled {
		text-align: center;
		font-size: 1em;
		font-weight: 400;
		color: #460606;
		background-color: #fff;
		width: 64em;
		height: auto;
		margin: 0;
		padding: 1.25em 0;
		z-index: 3;
	}
	
	body main {
		text-align: center;
		min-height: 64em;
		display: flex;
		display: -webkit-flex;
		position: relative;
		top: -4px;
		margin: 0;
		padding: 0;
	}
	
	body main article {
		font-size: 1em;
		text-align: center;
		background-color: #fff;
		min-height: 64em;
		max-width: 64em;
		margin: 0.25em auto;
		padding: 2em 0 0.5em 0;
		flex: 1 3 64em;
		-webkit-flex: 1 3 64em;
		order: 2;
		-webkit-order: 2;
	}
	
	body main article section {
		text-align: center;
		font-size: 1em;
		margin: 0 auto;
		padding: 0 1em 1em 1em;
	}
	
	body main article section.blended {
		color: #999;
		margin: 0 auto;
		padding: 0 1em 1em 1em;
	}
	

	body main article section.blended a {
		color: #999;
	}
	
	body main article section form.newsletter {
		font-family: Lora, serif;
		margin: 0;
		padding: 0;
	}
	
	body main article section form.newsletter p {
		font-family: Lora, serif;
	}

	body main article section form.newsletter p input {
		font-family: Lora, serif;
	}

	body main article section form.newsletter p input.anmelde_button {
		height: 2.5em;
		width: 7em;
		margin: 0;
		padding: 0;
		border: 1px solid #999;
	}

	body main article section form.newsletter p input.abmelde_button {
		height: 2.5em;
		width: 7em;
		margin: 0;
		padding: 0;
		border: 1px solid #999;
	}

	body main article section form.newsletter p input.newsletter_data {
		font-size: 1em;
		text-align: center;
		color: #000;
		background-color: #fff;
		width: 13em;
		border: 0;
		margin: 0;
		padding: 0.2em 0;
		border: 1px solid #999;
	}

	body main article section form.newsletter p input.opt_in {
		font-size: 1em;
		text-align: left;
		color: #000;
		background-color: #fff;
		border: 1px solid #999;
		margin: 0;
		padding: 0.2em;
	}

	body main article section form.newsletter p input.opt_in#anrede {
		width: 5em;
	}

	body main article section form.newsletter p input.opt_in#e_mail {
		width: 21em;
	}

	body main article section form.newsletter p input.opt_in#nachname {
		width: 18.25em;
	}

	body main article section form.newsletter p input.opt_in#postfach_str_hausnr {
		width: 28em;
	}
	

	body main article section form.newsletter p input.opt_in#lkz_plz_ort {
		width: 28em;
	}

	body main article section form.newsletter p input.opt_in#titel {
		width: 10em;
	}

	body main article section form.newsletter p input.opt_in#vorname {
		width: 19.75em;
	}

	body main article section form.newsletter p input#opt_in_or_out {
		font-size: 1em;
		font-weight: 600;
		color: #fff;
		background-color: #40536B;
	}

	body main article section form.newsletter p label {
		width: auto;
		display: inline;
		margin: 0;
		padding: 0.2em 0.5em 0 0;
	}

	body main article section form.newsletter p select {
		font-family: Lora, serif;
		font-size: 1em;
	}

	body main article section form.newsletter p select option {
		font-family: Lora, serif;
		color: #000;
		font-size: 1em;
	}
	
	body main article section h2 {
		font-family: "Source Sans Pro", sans-serif;
		font-weight: 600;
		font-size: 1.8em;
		text-align: left;
		margin: 0 auto;
		padding: 1em 0 0.5em 0;
	}

	body main article section iframe#youtube_frame {
		width: 600px;
		height: 340px;
		margin: 0;
		padding: 2em 0 0 0;
	}
	
	body main article section p {
		font-family: Lora, serif;
		text-align: left;
		font-size: 1em;
		max-width: 64em;
		margin: 0 auto;
		padding: 0 0 1em 0;
	}
	
	body main article section p.audio_title {
		margin: 0 auto;
		padding: 0;
	}
	
	body main article section p.audio_title audio {
		padding: 0.6em 0 0 0;
	}
	
	body main article section p.author {
		font-size: 0.9em;
		color: #999;
		text-align: left;
		margin: 0;
		padding: 0 0 2.5em 0;
	}
	
	body main article section p.fett, body main article section p.fett a {
		font-weight: 600;
	}
	
	body main article section p img#fv_img {
		font-size: 1em;
		height: 24em;
		width: 24em;
		margin: 0 auto;
		padding: 1.5em 1em 1.5em 0;
		float: left;
	}
	
	body main article section p.media_referer {
		padding: 0 0 0.5em 0;
	}

	body main article section p.pflicht {
		font-weight: bold;
		color: #AC3030;
		padding: 0;
	}

	body main article section p.spacer {
		text-align: center;
		margin: auto auto;
		padding: 3.5em 0 1em 0;
	}
	
	body main article section p img.thumbnail {
		width: 7.5em;
		height: 7.5em;
		margin: 0;
		padding: 0;
	}

	body main article section p img {
		font-size: 1em;
		margin: 0;
		padding: 0;
		border: 0;
	}

	body main article section p img.cd_cover_img { 
		font-size: 1em;
		height: 12em;
		width: 14em;
		margin: auto auto;
	}

	body main article section p img.content_img {
		font-size: 1em;
		height: 16em;
		width: 24em;
		margin: 0 auto;
		padding: 1.5em 0 1.5em 1em;
		float: right;
	}

	body main article section p img.bg_photo { 
		font-size: 1em;
		height: 12em;
		width: 9em;
		margin: 0 auto;
	}
	
	body main article section p img.fv_pressephoto { 
		font-size: 1em;
		height: 21em;
		width: 21em;
		margin: 0 auto;
		padding: 0;
	}
	
	body main article section p img.spacer {
		height: 3em;
		width: 4.5em;
	}
	
	body main article section table {
		margin: 0;
		padding: 0;
	}
	
	body main article section table tr td {
		vertical-align: top;
		margin: 0;
		padding: 0 0 0.5em 0;
	}
	
	body main article section table.diskographie {
		font-family: Lora, serif;
		font-size: 1em;
		text-align: left;
		margin: 0.5em 0 0 0;
		padding: 0;
		border-collapse: collapse;
		background-color: #fff;
	}

	body main article section table.diskographie tr td {
		font-family: Lora, serif;
		font-size: 1em;
		text-align: left;
		vertical-align: top;
		margin: 0;
		padding: 0 0 0.5em 0;
		background-color: #fff;
	}

	body main article section table.diskographie tr td.img {
		vertical-align: top;
		margin: 0;
		padding: 0 0.5em 1em 0;
	}

	body main article section table.diskographie tr td.img img.cd_cover {
		height: 9em;
		width: 9em;
	}

	body main article section table.diskographie tr td h3 {
		font-family: "Source Sans Pro", sans-serif;
		font-size: 1.2em;
		margin: 0;
		padding: 0 0 0.5em 0;
	}

	body main article section table.diskographie tr td p {
		font-family: Lora, Helvetica, Geneva, Arial, sans-serif;
		font-size: 1em;
		margin: 0;
		padding: 0 0 0.25em 0;
	}

	body main article section table.homepage {
		font-family: Lora, serif;
		font-size: 1em;
		text-align: left;
		margin: 0.5em 0 0 0;
		padding: 0;
		border-collapse: collapse;
		background-color: #fff;
	}

	body main article section table.homepage tr td p {
		font-family: Lora, Helvetica, Geneva, Arial, sans-serif;
		font-size: 1em;
		margin: 0;
		padding: 0 0 0.25em 0;
	}

	body main article section table tr td.img {
		vertical-align: top;
		margin: 0;
		padding: 0 0.5em 1em 0;
	}
	
	body main article section table tr td.img img.cd_cover {
		height: 9.5em;
		width: 9.5em;
	}
	
	body main article section table tr td h3 {
		font-family: "Source Sans Pro", sans-serif;
		font-size: 1.1em;
		margin: 0;
		padding: 0 0 0.5em 0;
	}
	
	body main article section table tr td p {
		font-family: Lora, Helvetica, Geneva, Arial, sans-serif;
		font-size: 0.9em;
		margin: 0;
		padding: 0 0 0.25em 0;
	}
	
	body main article section table.termine {
		width: 100%;
		font-family: Lora, serif;
		font-size: 1em;
		text-align: left;
		margin: 0;
		padding: 0;
		border-collapse: collapse;
		background-color: #fff;
	}
	
	
	body main article section table.termine tr {
	}
	
	body main article section table.termine tr td {
		font-family: Lora, serif;
		font-size: 1em;
		text-align: left;
		margin: 0;
		padding: 0.5em;
	}
	
	body main article section ul.pflicht {
		font-family: Lora, serif;
		font-size: 1em;
		text-align: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	body main article section ul.pflicht li {
		color: #AC3030;
		font-weight: 600;
		margin: 0;
		padding: 0;
	}
	
	body footer {
		text-align: center;
		font-size: 1em;
		background-color: #fff;
		min-height: 3em;
		width: 64em;
		position: relative;
		top: -0.5em;
		left: 0;
		margin: 0 auto;
		padding: 1em 0;
		border-top: 1px #CDC6BC solid;
	}
	
	body footer img#facebook_logo {
		height: 1.65em;
		width: 1.65em;
		display: inline;
		padding: 0.6em 0 0 0;
		z-index: 1;
	}
	
	body footer img#mailto_logo {
		height: 1.65em;
		width: 1.65em;
		display: inline;
		padding: 0.6em 0 0 0;
		z-index: 1;
	}
	
	body footer img#youtube_logo {
		height: 1.65em;
		width: 1.65em;
		display: inline;
		padding: 0.6em 0 0 0;
		z-index: 1;
	}

}