@font-face { font-family: "OpenS"; src: url("OpenSans-Regular.ttf") format('truetype'); }
@font-face { font-family: "OpenSB"; src: url("OpenSans-Bold.ttf") format('truetype'); }

html,body  { font-family: "OpenS"; font-size: 14px; line-height: 130%; }
b { font-weight: bold; }
i { font-style: italic; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
a { cursor: pointer; text-decoration: none; color: #000; }

.clearer { clear: both; }
.middle { width: 1000px; margin: 0 auto; }
#main .article { width: 33%; float: left; }
#main .article a article { margin: 10px; padding: 15px; background: #fff; box-shadow: 0 0 20px 0px #eee; }
#main .article a:hover article { box-shadow: 0 0 20px 0px #ccc; }
#main .article a article .bild { height: 150px; overflow: hidden; background-size: cover; background-position: center center;}
#main .article a article .bild { max-width: 100%; min-width: 100%; overflow: hidden; }
#main .article a article .datum { padding: 10px 0;  }
#main .article a article .kurz { overflow: hidden; height: 150px;  }
.zentriert { text-align: center; }
h1 { font-size: 20px; color: #b4e800; font-family: "OpenSB"; padding: 0 0 20px 0;  }
.hr { border-bottom: 1px solid #686868; margin: 10px 0;}
.tags .tag { float: left; padding: 5px 15px; color: #fff; background-color: #dcdcdc; border-radius: 10px; margin: 0 10px 10px 0; }

#next { background-color: #b4e800; font-family: "OpenSB"; padding: 10px 20px; margin: 20px 0 0 0; display: inline-block; }

#detail article .bild { height: 250px; overflow: hidden; background-size: cover; background-position: center center;}
#detail article h1 { font-size: 30px; padding: 20px 0; }
#detail article .datum { padding: 0 0 20px 0; font-size: 12px; }

#detail article .autor { padding: 20px 0 0 0; }
#detail article .lang a { text-decoration: underline; }
#detail article .autor .autorbild { float: left; border-radius: 50px; background-position: center center; background-size: cover; width: 80px; height: 80px; }
#detail article .autor .autortext { float: left; padding: 0 0 0 20px; }
#detail article .autor .autortext .bio { padding-top: 15px; }