body {
	width: 100%;
	background: #ffda99 url("/img/beige.jpg") repeat;
	margin: 0; padding: 0;
	font: 24px/1.35em "Alegreya", Georgia, serif;
}
@font-face {
    font-family: 'Alegreya';
    src: url('/fonts/Alegreya-Regular-webfont.eot');
    src: url('/fonts/Alegreya-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Alegreya-Regular-webfont.woff') format('woff'),
         url('/fonts/Alegreya-Regular-webfont.ttf') format('truetype'),
         url('/fonts/Alegreya-Regular-webfont.svg#AlegreyaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Alegreya';
    src: url('/fonts/Alegreya-Italic-webfont.eot');
    src: url('/fonts/Alegreya-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Alegreya-Italic-webfont.woff') format('woff'),
         url('/fonts/Alegreya-Italic-webfont.ttf') format('truetype'),
         url('/fonts/Alegreya-Italic-webfont.svg#AlegreyaItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Alegreya';
    src: url('/fonts/Alegreya-Bold-webfont.eot');
    src: url('/fonts/Alegreya-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Alegreya-Bold-webfont.woff') format('woff'),
         url('/fonts/Alegreya-Bold-webfont.ttf') format('truetype'),
         url('/fonts/Alegreya-Bold-webfont.svg#AlegreyaBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Alegreya SC';
    src: url('/fonts/AlegreyaSC-Regular-webfont.eot');
    src: url('/fonts/AlegreyaSC-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/AlegreyaSC-Regular-webfont.woff') format('woff'),
         url('/fonts/AlegreyaSC-Regular-webfont.ttf') format('truetype'),
         url('/fonts/AlegreyaSC-Regular-webfont.svg#AlegreyaSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#footer {
	margin: 7em 0 0;
	background: #900 url("/img/red.jpg");
	padding: 1em; font: 0.75em/1em "Alegreya";
	box-shadow: 0 -5px #600;
	color: #ffda99; clear: both; text-align: center;
} #backend #footer {
	background: #ffda99 url("/img/gray.jpg") repeat;
	box-shadow: 0 -5px #222;
	} #footer .logo {
	display: none;
	width: 1.5em;
	margin: 0.5em auto;
} #footer a {
	font-family: "Alegreya SC"; color: #ffda99;
} #footer a:hover {
	background: #ffda99 url("/img/beige.jpg"); color:  #900;
} #footer:before {
	content: "♦"; color: #600; font-size: 1.5em;
	display: block; clear: both;
	text-align: center;
	position: relative; top: -2.5em;
} .end {
	text-align: center;
	padding: 1em; color: #600;
} #footer .nachoben a {
	display: inline-block;
	text-align: center; font: 0.75em/1em "Alegreya SC"; 
	padding: 1em;
}
header {
	background: #900 url("/img/red.jpg");
	padding: 3em 0;
	box-shadow: 0 5px #600;
	margin-bottom: 2em; text-align: center;
} #backend header {
	background: #ffda99 url("/img/gray.jpg") repeat;
	box-shadow: 0 5px #222;
} #logo {
	display: block; width: 2.5em;
	padding: 1em 1.75em;
	margin: 0 auto;
} header p {
	color: #ffda99; text-align: center;
	margin: 1em 0 0;
} header p + p {
	margin: 0;
} header p a {
	color: #ffda99; font-size: 1em;
}
#menue{
	font-family: "Alegreya SC", serif;
	width: 100%; max-width: 40em;
	display: block;
	margin: 0 auto;
	padding: 0.75em 0em 0.5em;
	border-top: 3px double #ffda99;
	letter-spacing: -1px;
} #menue:hover { background: #ffda99 url("/img/beige.jpg") repeat; color: #900; } #menue:hover:before {
	content: '— ';
} #menue:hover:after {
	content: ' —';
} #menue:active {
	background: #ffda99 url("/img/beige.jpg") repeat;
	color: #900;
} header p { margin-top: 0; }
nav {
	line-height: 1.2em; clear: both;
	-webkit-box-shadow: inset 0px 1px 75px 0px #400;
	box-shadow: inset 0px 1px 75px 0px #400;
} #backend nav {
	-webkit-box-shadow: inset 0px 1px 75px 0px #222;
	box-shadow: inset 0px 1px 75px 0px #222;
} #nav {
	position: relative; clear: both;
	width: 100%; max-width: 40em;
	margin: 0 auto ; padding: 2em 0;
	overflow: hidden; list-style-position: inside;
} #nav .sections {
	width: 50%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin: 0;
} #nav .sections:last-child {
	display: inline-block;
	width: 100%; margin-top: 1.5em;
	clear:both; text-align: center;
} #nav .sections:last-child li {
	display: inline-block; text-align: center;
} #nav .sections ul {
	padding: 0; margin: 0;
} #nav li {
	font-style: italic;
	color: #ffda99;
	list-style: none; padding: 0.1em 0; margin: 0;
} #nav li.positioned {
	position: absolute;
	bottom: 1em; right: 1.75em;
} #nav a { 
	padding: 0.33em; color:#ffda99;
} #nav a:hover {
	color: #900;
	background: #900 url("/img/beige.jpg");
} #nav li.sc {
	font-family: "Alegreya SC"; font-style: normal;
}
#title {
	font: 1em/1em "Alegreya SC", "Alegreya", Georgia, serif; text-align: center;
	clear: both; 
	letter-spacing: -1px; margin-bottom: 0;
} #title a {
	display: inline-block; text-align: center;
	height: 100%; margin: 0 auto;
	padding: 0.75em 1em;
	color: #ffda99;
} #title a:hover {
	color: #900;
	background: #ffda99 url("/img/beige.jpg") repeat;
} header hr {
	width: 0px; height: 2em; color: #ffda99; visibility: visible; border: thin solid #ffda99;
} h2 {
	font: 1em/1em "Alegreya SC", "sans-serif"; color: #ffda99;
	font-weight: normal;
	text-align: center;
	letter-spacing: 5px;
	padding: 0.75em 1em; display: inline-block;
	border: 3px double #ffda99; 
}
#content {
	margin: 0 auto;
	width: 100%; max-width: 40em;
	padding: 0;
} #content ul{
	margin:0;
	padding: 0;
}
#Startseite #content.text > p:first-child {
	text-align: center;
	border: 1px dashed #900;
	padding: 0.5em;
	margin: 1em 0;
}
 li {
	margin-left: 1em; list-style: circle;
}
a {
	color: #900;
	text-decoration: none;
} blockquote { 
	font-family: "Alegreya"; font-style: italic;
} 
hr {
	visibility: hidden; clear: both;
}
pre {
	font-size: 0.75em;
}
.sc {
	font-family: "Alegreya SC"; font-style: normal;
}
.hidden { display: none;
} p.message {
	padding: 0.5em 0.75em;
	color: #222;
} .spinner {
	margin: 0.5em auto 0; padding: 0.25em 0;
	display: block;
}

#content.text {
} #content.text > * {
	padding: 0 0.5em;
} #content.text h3 {
	font: 1em/1.5em "Alegreya SC", "Georgia", "sans-serif";	color: #900;
	font-weight: normal; font-style: normal; letter-spacing: 3px; word-spacing: 0.02em;
	margin: 3em 0 1em;  text-align: center; border-bottom: 3px double #900;
} #content.text h4 {
	font: 1em/1.5em "Alegreya", "Georgia", "sans-serif"; color: #900;
	font-weight: normal; font-style: italic; 
	margin: 0.5em 0;
} #content.text h5 {
	font: 0.8em/1.5em "Alegreya", "Georgia", "sans-serif"; color: #900;
	font-weight: normal; font-style: italic; 
	margin: 0.5em 0;

} #content.text p {
	margin: 0.3em 0;
} #content.text > h3:first-child {
	color: #333;
	border-bottom: 3px double #333;
} #content.text h3:first-child + ul, #ubers {
	border-bottom: 3px double #333;
	font-size: 0.8em; padding: 0em 0 1em; text-align: center;
	font-style: italic;
} #content.text h3:first-child + ul a, #ubers a {
	font: 1em/1em "Alegreya SC"; font-style: normal;
}#content.text h3:first-child + ul > li, #ubers li {
	line-height: 1em;
	margin: 0.5em 0; width: 66%; text-align: left; display: inline-block;
} #content.text > h3:first-child + ul > li > ul {
	margin: 0.5em 0;
} #content.text > h3:first-child + ul > li > ul li {
	list-style: none; padding: 0 0 0 1em;
} #content.text img {
	float: right; padding: 0.25em;
}

#content.list > * {
}  #content.list h3 {
	font: 1em/1.5em "Alegreya SC", "Georgia", "sans-serif";	color: #900;
	font-weight: normal; font-style: normal; letter-spacing: -0.03em; word-spacing: 0.02em;
	margin: 3em 0 0.5em;  text-align: center; border-bottom: 3px double #900;
}

.veranstaltung:hover, .nachricht:hover {
	cursor: pointer; box-shadow: 0 0 4px 0 #333;

} 

.nachricht {
	position: relative; width: 95%;
	list-style: none;
	margin: 1em auto; padding: 1em 0;
	box-shadow: 0 0 2px 0 #333; border: thin solid #ffebaa;
} .nachricht .title {
	font-family: "Alegreya SC"; font-style: normal; font-weight: normal;
	letter-spacing: -0px; text-align: center; line-height: 1.1em;
	color: #900;  margin: 0em 1em;
} .nachricht .date {
	text-align: center;
	font-size: 0.8em;
} .nachricht .body {
	display: none;
	padding: 0em 1em;
} .nachricht:after {
	content: attr(data-content); font-size: 0.7em;
	display: block; text-align: center;
}

.veranstaltung {
	position: relative; width: 95%;
	list-style: none;
	margin: 1em auto; padding: 1em 0;
	box-shadow: 0 0 2px 0 #333;  border: thin solid #ffebaa;
} .veranstaltung .title {
	font-family: "Alegreya SC"; font-style: normal; font-weight: normal;
	letter-spacing: -0px; text-align: center; line-height: 1.1em;
	color: #900;  margin: 0.25em 1em;
} .veranstaltung .subtitle {
	font-family: "Alegreya SC"; font-style: normal; font-weight: normal;
	letter-spacing: -0px; text-align: center; line-height: 1.1em;
	margin: 0 1em;
} .veranstaltung .date, .veranstaltung .location {
	margin: 0;
	text-align: center;
	font-size: 0.8em; line-height: 1em;
}.veranstaltung .location {
} .veranstaltung .information {
	padding: 0em 0em 0.5em; text-align: center;
} .veranstaltung:after {
	content: attr(data-content); font-size: 0.7em;
	display: block; text-align: center;
}
.mehr {
	display: none;
}
.expand {
	font: 0.8em/1em "Alegreya SC", Georgia, serif;
	text-align: center; color: #900; 
	margin: 1em auto 0; display: block;
	background: none; border: none;
	padding: 0;
} .expand:hover { 
	cursor: pointer;
}

#Startseite #content.text hr {
	display: none;
}
#Startseite #content.text hr:last-child {
	display:block; clear: both; visibility: hidden;
}

#Startseite #content.text ul, #Startseite #content.list ul {
	width: 49%;
	padding: 0;
}#Startseite #content ul:nth-child(odd) {
	float: right;
}#Startseite #content ul:nth-child(even) {
	float: left;
} #Startseite #content.text > ul a {
	font-family: "Alegreya SC";
} #Kontakt h3 + p {
	text-align: center;
}

@media (max-width: 35em) {
	nav {
		padding-bottom: 2.5em;
	} #nav .sections:last-child {
		display: inline-block;
		width: 100%; margin-top: 1em;
	}
	#Startseite #content.text ul, #Startseite #content.list ul {
		clear: both; float: none; width: 100%
	}
}
@media (max-width: 30em) {
	blockquote {
		margin: 0;
	}
}
@media (max-width: 30em) and (orientation: portrait) {
	body {
		font: 22px/1.35em "Alegreya", Georgia, serif;
	}

}
@media (max-width: 30em) and (orientation: landscape) {
	body {
		font: 14px/1.35em "Alegreya", Georgia, serif;
	}
}