#main {display:block;margin:1em auto;padding:0 1em;}
#main article {display:inline-block;width:calc(99% - 300px);vertical-align:top;min-width:300px;}
#main aside {display:inline-block;width:300px;vertical-align:top;}
#main aside section {padding:10px;background:#f0f0f0;margin-bottom:1em;border-radius:5px;}
#main aside section p {margin:0 0 1em 0;color:black;}
#main aside section h1 {padding-bottom:2px;border-bottom:1px solid #e61e36;font-size:1.25em;font-weight:normal;color:black;margin:0 0 .5em 0;}
#main aside section img.myfotto {width:200px;}
.beitrag {padding:10px;border-radius:5px;position:relative;}
.beitrag:not(:last-child) {margin-bottom:1em;}
.beitrag p {margin:0 0 1em 0;color:black;line-height:1.34em;}
.beitrag h1 {font-size:1.5em;font-weight:normal;color:#e61e36;margin-top:0;}
.beitrag h2 {font-size:1.25em;font-weight:normal;color:#404040;margin-top:0;}
.beitragmeta {font-size:.8em;font-style:italic;}
article h1 {font-size:1.5em;font-weight:normal;color:#e61e36;margin-top:0;}
.grau {background:#f0f0f0;}
.hrA {display:none;}
@media screen and (max-width: 800px)
{
 #main aside, #main article {width:100%;display:block;min-width:300px;}
 #main aside {margin-top:1em;min-width:320px;}
 .hrA {display:block;}
}