html {
font-family:Helvetica,Arial,sans-serif;
font-size:1.2em;
line-height:1.8em;
}
body {
color:#444;
max-width:600px;
margin:0 auto;
padding:2em 1em;
}
@media (max-width: 400px) {html {font-size:1em}}
@media (min-width: 400.1px) and (max-width: 500px) {html {font-size:1.1em}}
h1 {
font-size:1.4em;
margin-top:0;
margin-bottom:2.4rem;
}
h2 {
margin-top:2.78rem;
font-size:1.2em;
}
h3 {
margin-top:1.8rem;
font-size:1em;
text-align:center;
}
h3:first-of-type {
margin-top:2.78rem;
}
h3 + * {
text-align:center;
}
figure {
margin:1.22em auto;
}
figure img {
display:block;
height:auto;
max-width:100%;
width:600px;
}
small a {
color:inherit;
text-decoration:inherit;
}
.bekannt {
}
.bekannt img {
display: inline-block;
margin: 5px;
vertical-align: middle;
}