html {
	box-sizing: border-box;
	padding: 0;
}
@media all and (min-width: 54em) {
html {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCI+CjxmaWx0ZXIgaWQ9Im4iPgo8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjciIG51bU9jdGF2ZXM9IjEwIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIj48L2ZlVHVyYnVsZW5jZT4KPC9maWx0ZXI+CjxyZWN0IHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiBmaWxsPSIjMTIzIj48L3JlY3Q+CjxyZWN0IHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiBmaWx0ZXI9InVybCgjbikiIG9wYWNpdHk9IjAuMiI+PC9yZWN0Pgo8L3N2Zz4=");
	background-attachment: fixed;
	padding: 4rem 2rem 4rem 2rem;
}
}
html, html a {
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
* {
	margin: 0; padding: 0;
}
*, ::before, ::after {
	box-sizing: inherit;
}
body {
	position: relative;
	padding: 4rem 0 3rem 0;
	background-color: #fcfcfc;
	font-family: Alegreya, Georgia, serif;
	font-size: 1rem;
}
@media all and (min-width: 54em) {
body {
	max-width: 50rem;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-shadow: 2px 2px 5px rgba(20,20,20,.8);
	margin: 0 auto 0 auto;
}
}
p, ul, ol, li, blockquote {
	line-height: 1.5;
	margin-bottom: 1.5em;
}
p {
}
h1, h2, h3 {
	margin: 2em 0 1em 0;
	font-weight: normal;
	text-align: center;
}
h1.page_title {
	margin-top: 1.5em;
}
ul {
	margin-left: 1.3em;
}
a {
	border-bottom: 1px dotted transparent;
	color: #930e00;
	text-decoration: none;
	transition: all .5s ease;
}
a:focus,
a:active,
a:hover {
	border-bottom: 1px dotted #930e00;
}
img {
	display: block;
	max-width: 100%;
	margin-bottom: 1rem;
}
*:first-child {
	margin-top: 0;
}
*:last-child {
	margin-bottom: 0;
}
/*==============================================================*/
header, nav, footer {
	padding-left: .5rem; padding-right: .5rem;
}
#language a,
header a,
nav a {
	color: inherit;
}
/*==============================================================*/
main {
	display: block;
	max-width: 38rem;
	margin: 4rem auto 8rem auto;
	padding: 0 1.5rem 0 1.5rem;
}
#main_firstpage {
	margin: 2rem auto 2rem auto;
}
/*==============================================================*/
#language {
	position: absolute;
	top: 1rem; right: 1rem;
	background-color: #930e00;
	border: 1px solid #840d00;
	border-radius: 1px;
	box-shadow: 1px 1px 2px rgba(20,20,20,.6);
	padding: .2rem .4rem .1rem .4rem;
	color: rgba(255,255,255,.9);
	font-family: 'Alegreya Sans', Tahoma, sans-serif;
	font-weight: 500;
	font-size: .8rem;
}
@media all and (min-width: 54em) {
#language {
	right: -1rem;
	box-shadow: 2px 1px 3px rgba(20,20,20,.8);
}
}
#language ul {
	margin: 0; padding: 0;
}
#language li {
	display: inline;
	margin: 0 .2rem 0 0;
	padding: 0;
	list-style-type: none;
}
#language li:last-of-type {
	margin-right: 0;
}
#language a {
	border: 0;
	padding: 0;
	color: rgba(255,255,255,.9);
	font-family: 'Alegreya Sans', sans-serif;
	text-transform: none;
	letter-spacing: 0;
}
#language a:focus,
#language a:active,
#language a:hover {
	color: rgba(255,255,255,1);
}
#language .current {
	font-weight: 700;
	color: rgba(255,255,255,1);
}
/*==============================================================*/
header {
	margin: 0 0 1.3rem 0;
	border-radius: 5px 5px 0 0;
}
header * {
	margin: 0;
	text-align: center;
}
#name {
	font-size: 1.5rem;
	font-weight: normal;
}
header a {
	border: 0;
	background-color: inherit;
	font-family: Alegreya, serif;
	text-transform: none;
	letter-spacing: 0;
}
header a:focus,
header a:active,
header a:hover {
	border: 0;
	background-color: inherit;
}
#profession {
	font-size: 1rem;
	font-weight: normal;
	font-style: italic;
}
/*==============================================================*/
nav {
	border-bottom: 1px dotted #ddd;
	padding: 0 0 3rem 0;
	text-align: center;
}
#nav_firstpage {
	border: 0;
	padding-bottom: 5rem;
}
nav ul {
	margin: 0; padding: 0;
}
nav li {
	margin: .1rem .2rem .1rem .2rem;
	display: inline-block;
	list-style: none;
}
nav a {
	display: block;
	border: 1px dotted transparent;
	background-color: inherit;
	padding: 0 .5rem .1rem .5rem;
	font-family: 'Alegreya SC', serif;
	text-transform: lowercase;
	letter-spacing: 1px;
	transition: border-color .5s ease;
}
nav a:focus,
nav a:hover,
nav a:active {
	background-color: inherit;
	border: 1px dotted #ddd;
	color: inherit;
}
nav .current {
	display: block;
	background-color: inherit;
	border: 1px dotted #ddd;
	padding: 0 .5rem .1rem .5rem;
	font-family: 'Alegreya SC', serif;
	text-transform: lowercase;
	letter-spacing: 1px;
}
@media all and (max-width: 33em) {
nav li {
	display: block;
	width: 8rem;
	margin: .3rem auto .3rem auto;
}
nav li a,
nav li .current {
	display: block;
	padding-top: .3rem; padding-bottom: .4rem;
	line-height: .9;
/*	transition: line-height 0s ease; */
}
}
/*==============================================================*/
footer {
	padding: 2.5rem 1.5rem 5rem 1.5rem;
	border-top: 1px dotted #ddd;
	text-align: center;
}
footer * {
	max-width: 35rem;
	margin-left: auto; margin-right: auto;
	font-size: .6rem;
	letter-spacing: 1px;
}
/*==============================================================*/
.sc {
	font-family: 'Alegreya SC', serif;
	text-transform: lowercase;

}
.spacing {
	margin-left: 1px;
	letter-spacing: 1px;
}

.left {
	text-align: left;
	hyphens: none;
}
.center {
	text-align: center;
	hyphens: none;
}
.justify {
	text-align: justify;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.shorter_center {
	max-width: 25rem;
	margin-left: auto; margin-right: auto;
	line-height: 1.4;
	text-align: center;
	hyphens: none;
}
.shorter {
	max-width: 25rem;
	line-height: 1.4;
	margin-bottom: 1.4em;
}
.short {
	max-width: 35rem;
	line-height: 1.4;
	margin-bottom: 1.4em;
}
.list_style_none {
	margin-left: 0;
}
.list_style_none li {
	list-style: none;
}
.rec_section {
	padding: 3rem 0 3rem 0;
	border-bottom: 1px dotted #ddd;
}
.rec_section:last-of-type {
	margin: 0; padding: 3rem 0 0 0;
	border-bottom: 0;
}
.rec_section .rec_piece_from::before {
	font-style: normal;
	content: "aus: ";
}
.rec_section .rec_piece_from {
	font-style: italic;
	margin-bottom: 0;
}
.rec_section ul {
	margin: 0 0 .5rem 0;
}
.rec_section li {
	margin: 0;
	text-indent: -2rem;
	padding-left: 2rem;
	list-style: none;
}
.rec_artists {
	margin-bottom: 1rem;
	font-style: italic;
}
.rec_title::before {
	font-style: normal;
	content: "in: CD ";
}
.rec_title {
	font-style: italic;
	margin: 0;
}