header #branding {
	background-image:url(https://www.karlheinzstockhausen.org/img/stockhausen-logo-2x-sefid.png)
}
header #branding h1 {
	color:rgba(255,255,255,0.95);
	color:#ffffff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.25)
}
article header h1 {
	bottom:8%;
	right:0;
	left:5%;
	text-align:center;
	width:20%;
	margin:0;
	color:#FFF;
	color:rgba(255,255,255,0.98);
	white-space:nowrap;
	font-family:stratum-1-web, Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight:400
}
<!--text-indent:-10em-->
}
.no-js article header h1 {
	left: 5%;
	bottom: 5%;
	text-align: left;
}
article header h1 span {
	padding: 0;
}
article header h1 span {
	margin-right:0
}
article header h1 .char18 {
	margin-right:0
}
article .img-credit {
	display:none
}
.no-js article header h1 {
	display:none
}
.wf-inactive article header h1 span {
	margin-right:0
}
#stockhausen-content .col6>figure img {
	margin-bottom:5px
}
#stockhausen-content a, article footer a:link, article footer a:visited {
	color:#0080ff;
}
#stockhausen-content a:hover, article footer a:hover {
	color:#AAA;
	color:rgba(0,0,0,0.35)
}
 @media only screen and (max-width: 1024px) {
#nav-entry {
	background-color:#0080ff
}
#nav-entry a.newer, #nav-entry a.older {
	background-color:#0080ff;
	opacity:1
}
#nav-entry a:hover {
	background-color:#222
}
}
 @media only screen and (min-width: 1024px) {
#stockhausen-content figure.large img {
	width:74.1803279%
}
#stockhausen-content figure.large figcaption {
	width:22.5409836%
}
}
 @media only screen and (min-width: 600px) and (max-width: 1023px) {
#stockhausen-content .col6 figure img {
	float:left;
	width:74.1803279%;
	margin-bottom:1.5em
}
#stockhausen-content .col6 figure figcaption {
	width:22.5409836%;
	float:right;
	margin:0;
	padding:15px 0;
	font-size:.6275em;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc
}
}
 @media only screen and (min-width: 768px) {
nav li:first-child a, nav li:last-child a {
	color:#222;
	color:rgba(0,0,0,0.85);
	background:#F5F5F5;
	background:rgba(255,255,255,0.97);
	-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.25), inset -1px -1px 2px rgba(0,0,0,0.125);
	-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.25), inset -1px -1px 2px rgba(0,0,0,0.125);
	box-shadow:inset 1px 1px 2px rgba(0,0,0,0.25), inset -1px -1px 2px rgba(0,0,0,0.125)
}
nav li a:hover {
	color:#FFF;
	color:rgba(255,255,255,0.95);
	background:#0080ff;
	background:rgba(0,128,255,0.8)
}
}
 @media only screen and (max-width: 767px) {
header[role="masthead"] {
	background:#0080ff;
	background:rgba(0,0,0,0.95)
}
nav li:first-child a, nav li:last-child a {
	color:#F5F5F5
}
}
 @media only screen and (max-width: 479px) {
article header h1 {
	bottom:36.5%
}
}
@media only screen and (max-width: 480px) {
article header h1 {
	bottom:42%
}
article header #deck {
	bottom:34.5%
}
}
article #stockhausen-content .data-wrap {
	position:relative;
	overflow:visible;
	margin-top:2.5em;
	margin-bottom:2.5em;
	padding-top:2.25em;
	padding-bottom:.75em;
	border-top:0.75em solid #0080ff;
	border-bottom:0.75em solid #0080ff
}
article #stockhausen-content .data-wrap h3 {
	position:absolute;
	top:-2em;
	left:0;
	padding:.25em 0;
	font-size:1.5em;
	font-weight:400;
	text-transform:uppercase;
	color:#0080ff
}
article #stockhausen-content .data-wrap:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
article #stockhausen-content dl.data {
	margin-bottom:1.5em
}
article #stockhausen-content dl.data dt {
	margin-bottom:.75em;
	padding-bottom:.125em;
	font-size:1.125em;
	font-family:stratum-1-web, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#444;
	border-bottom:1px solid #E5E5E5
}
article #stockhausen-content dl.data dd p {
	color:#555;
	font-size:.875em
}
article #stockhausen-content dl.data dd em {
	display:block;
	margin-bottom:.125em;
	color:#0080ff;
	font-size:2em;
	font-weight:800;
	font-family:stratum-1-web, Helvetica, Arial, sans-serif;
	font-style:normal;
	line-height:1em;
	text-transform:uppercase
	
}
article #stockhausen-content dl.data dd a em {
	-webkit-transition:opacity 0.25s ease;
	-moz-transition:opacity 0.25s ease;
	-o-transition:opacity 0.25s ease;
	transition:opacity 0.25s ease;
	
}
article #stockhausen-content dl.data dd a:hover em {
	opacity:.5
}
article #stockhausen-content dl.data dd+dd {
	margin-top:-0.125em
	
}
article #stockhausen-content a:hover {
	color:#022859;
    text-shadow: -1px 1px 5px #555, 1px -1px 5px #555
}
article #stockhausen-content a  {
color:#0457c8

}
@media only screen and (min-width: 720px) and (max-width: 1023px) {
article #stockhausen-content .data-wrap {
	padding-top:1.5em;
	padding-bottom:.25em
}
article #stockhausen-content .data-wrap .col4+.col4 {
	float:left;
	width:48.36066%
}
article #stockhausen-content .data-wrap .col4:last-child {
	margin-left:3.27869%
}
article #stockhausen-content .data-wrap .precedence {
	width:100%
}
article #stockhausen-content .data-wrap .precedence dd {
	float:left;
	width:48.36066%
}
article #stockhausen-content .data-wrap .precedence dd+dd {
	margin-left:3.27869%
}
article #stockhausen-content dl.data dt {
	margin-bottom:.75em
}
}
@media only screen and (max-width: 719px) {
article #stockhausen-content .data-wrap {
	margin-bottom:2.5em;
	padding-top:1.5em;
	padding-bottom:.25em
}
}
#stockhausen-content .wallpaper {
	margin-top:3em;
	padding-top:1.5em;
	border-top:1px solid #E5E5E5
}
#stockhausen-content .wallpaper img {
	margin:.25em 0 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px
}
#stockhausen-content .wallpaper ul {
	margin:2em 0 .5em
}
#stockhausen-content .wallpaper li {
	display:inline-block;
	margin:0 1em 1.5em 0
}
#stockhausen-content .wallpaper li a {
	padding:.25em 1em;
	color:#FFF;
	background:#252525;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:3px 3px 0 rgba(0,0,0,0.15);
	-moz-box-shadow:3px 3px 0 rgba(0,0,0,0.15);
	box-shadow:3px 3px 0 rgba(0,0,0,0.15);
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease
}
#stockhausen-content .wallpaper li a:hover {
	background:#0080ff;
	-webkit-box-shadow:3px 3px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:3px 3px 0 rgba(0,0,0,0.2);
	box-shadow:3px 3px 0 rgba(0,0,0,0.2)
}
#stockhausen-content a, article footer a:link, article footer a:visited {
	color:#0080ff
}
#stockhausen-content a:hover, article footer a:hover {
	color:#AAA;
	color:rgba(0,0,0,0.35)
}