html { scroll-behavior: smooth; }
body { font-family: Verdana, sans-serif; background-color: #000000; color: #f0f0f0; font-size: 16px; line-height: 1.75em; margin: 0; padding: 0; }
h1 { margin: 20px; font-size: 20px; font-weight: normal; letter-spacing: 0.033em; color: #e0e0e0; }
h2 { display: inline-block; font-size: 24px; font-weight: 400; color: #f0f0f0; position: relative; left: -40px; }
h3 { margin: 48px 0 0; font-size: 24px; font-weight: normal; letter-spacing: 0.1em; color: #e0e0e0; }
h4 { margin-top: 28px; }
strong { font-weight: normal; }
a { overflow-wrap: break-word; }
a:link, a:visited { color: #11c1b8; }
a:hover, a:active { color: #e0e0f0; }
ul { list-style-type: none; padding-left: 10px; }
ul li { margin: 15px 0; }
abbr:hover { cursor: help; }
nav { font-size: 15px; margin: 20px; float: right; width: 120px; }
nav a { display: block; position: relative; left: 0; transition: color 0.2s linear, opacity 2s linear, left 1s linear 0.5s; }
.erledigt { opacity: 0; left: -100vw; }
#logo { margin: 20px 20px 0; }
#soundbeispiele li > a { position: relative; padding-left: 35px; }
#soundbeispiele li > a:before { content: ""; position: absolute; background: url(img/playbutton.png) no-repeat center; border-radius: 50%; display: inline-block; width: 25px; height: 25px; left: 0; top: -3px; }
div.absatz { margin: 20px 0 0 20px; }
header { max-width: 660px; }
section { max-width: 680px; margin-top: 40px; }
div.content { padding: 0 10px; position: relative; background-color: #000000d0; }
object { margin-right: 5px; }
small { font-size: 12px; }
time:after { content: "\00b7"; margin: 0 5px; }
.absatz small { display: block; margin-left: 31px; }
.main_menu { background-color: #202020; margin: 24px 0 0; padding: 12px 24px 12px 48px; letter-spacing: 0.1em; }
.nowrap { white-space: nowrap; }
.uc { text-transform: uppercase; }
.gerahmt { border: 1px solid #a0a0a0;  margin: 1em 0; padding: 0 15px; }
address { font-style: normal; }
@media only screen and (max-width: 480px) {
section { max-width: 400px; } #logo { width: 90%; }
#daw { display: none; }
}
@media only screen and (min-width: 481px) {
div.content { margin-left: 15%; border-left: 8px solid #838382; }
#daw { position: fixed; z-index: -1; left: 0; top: 50px; }
}