body { font-family: Verdana, Geneva, sans-serif;
       font-size: 17px; line-height: 1.45; color: #1a1a1a;
       max-width: 50em; margin: 2em auto; padding: 0 1.2em; }

h1 { font-size: 1.45em; font-weight: normal; margin: 0 0 .3em 0; }
.umfang { margin: 0 0 1.2em 0; color: #666; font-size: .9em; }

.abc { margin: 0 0 1em 0; line-height: 2; }
.abc a { display: inline-block; min-width: 1.5em; text-align: center;
         border: 1px solid #ccc; text-decoration: none; }
.abc a:hover { background: #eee; }
.abc span { display: inline-block; min-width: 1.5em; text-align: center;
            border: 1px solid #eee; color: #bbb; }

.werkzeuge { margin: 0 0 1.5em 0; }
.werkzeuge button { font: inherit; font-size: .85em; padding: .2em .7em;
                    border: 1px solid #bbb; background: #f7f7f7; cursor: pointer; }

details.familie { border-top: 1px solid #ddd; padding: .35em 0; }
details.familie > summary { cursor: pointer; font-size: 1.1em;
                            font-weight: bold; padding: .15em 0; color: #1b3a6b }
details.familie[open] > summary { margin-bottom: .4em; }

.linie { margin: 0 0 .8em 1.8em; }
.linie h3 { font-size: 1em; font-weight: bold; font-style: normal; color:#16702c; text-decoration: underline 
            margin: .6em 0 .2em 0; }

ul { list-style: none; margin: 0 0 0 1.8em; padding: 0; }
li { margin: .1em 0; text-indent: -1.2em; padding-left: 1.2em; }

.anker { position: relative; top: -3em; }

a { color: #14507d; }
a:hover { color: #a03000; }

footer { margin-top: 3em; padding-top: .8em; border-top: 1px solid #ccc;
         font-size: .85em; }
footer p { margin: .2em 0; }
.stand { color: #666; }

@media (max-width: 480px) {
  body { font-size: 16px; margin: 1em auto; }
  .linie { margin-left: 1em; }
  ul { margin-left: 1em; }
}