/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
 html {
     font-family: Arial, Helvetica, sans-serif;
     ;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     margin: 0;
     padding: 0;
 }

 body {
     margin: 0;
     padding: 0;
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section,
 summary {
     display: block
 }

 audio,
 canvas,
 progress,
 video {
     display: inline-block;
     vertical-align: baseline
 }

 audio:not([controls]) {
     display: none;
     height: 0
 }

 [hidden],
 template {
     display: none
 }

 a {
     background-color: transparent
 }

 a:active,
 a:hover {
     outline: 0
 }

 abbr[title] {
     border-bottom: 1px dotted
 }

 b,
 strong {
     font-weight: 700
 }

 dfn {
     font-style: italic
 }

 h1 {
     font-size: 2em;
     margin: .67em 0
 }

 mark {
     background: #ff0;
     color: #000
 }

 small {
     font-size: 80%
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }

 sup {
     top: -.5em
 }

 sub {
     bottom: -.25em
 }

 img {
     border: 0
 }

 svg:not(:root) {
     overflow: hidden
 }

 figure {
     margin: 1em 40px
 }

 hr {
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
     margin: 3em 0;
     border-top: 1px solid #0565AA;
 }

 pre {
     overflow: auto
 }

 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace;
     font-size: 1em
 }

 button,
 input,
 optgroup,
 select,
 textarea {
     color: inherit;
     font: inherit;
     margin: 0
 }

 button {
     overflow: visible
 }

 button,
 select {
     text-transform: none
 }

 button,
 html input[type=button],
 input[type=reset],
 input[type=submit] {
     -webkit-appearance: button;
     cursor: pointer
 }

 button[disabled],
 html input[disabled] {
     cursor: default
 }

 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0
 }

 input {
     line-height: normal
 }

 input[type=checkbox],
 input[type=radio] {
     box-sizing: border-box;
     padding: 0
 }

 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     height: auto
 }

 input[type=search] {
     -webkit-appearance: textfield;
     -moz-box-sizing: content-box;
     -webkit-box-sizing: content-box;
     box-sizing: content-box
 }

 input[type=search]::-webkit-search-cancel-button,
 input[type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }

 fieldset {
     border: 1px solid silver;
     margin: 0 2px;
     padding: .35em .625em .75em
 }

 legend {
     border: 0;
     padding: 0
 }

 textarea {
     overflow: auto
 }

 optgroup {
     font-weight: 700
 }

 table {
     border-collapse: collapse;
     border-spacing: 0
 }

 td,
 th {
     padding: 0
 }

 header {
     background: #0565AA;
     width: 100%;
     height: 4em;
     text-align: center;
     color: #eee;
     display: table;
     box-shadow: 5px 5px 10px 1px rgba(102, 102, 102, 1);
 }

 #box {
     margin: 30px auto;
     width: 850px;
     height: auto;
     padding-bottom: 50px;
 }

 h1 {
     font-size: 30px;
     line-height: 2.2em;
 }

 h2 {
     font-size: 20px;
 }

 h3 {
     font-size: 14px;
     color: #444;
 }

 .books {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
 }

 .books a {
     margin-right: 20px;
 }

 .button {
     width: 90%;
     text-align: center;
     background: #0565AA;
     border-radius: 10px;
     padding: 15px;
     display: block;
     margin: 40px 0;
     -webkit-box-shadow: 5px 5px 10px 1px rgba(102, 102, 102, 1);
     -moz-box-shadow: 5px 5px 10px 1px rgba(102, 102, 102, 1);
     box-shadow: 5px 5px 10px 1px rgba(102, 102, 102, 1);
     text-decoration: none;
     color: #eee;
     text-transform: uppercase;
     font-weight: bold;
 }

 .button:hover {
     background-color: #0099CC;
 }

 .textcenter {
     text-align: center;
 }

 object {
     width: 700px;
 }

 p {
     font-size: 15px;
     line-height: 1.4em;
 }

 .center {
     text-align: center;
 }

 .books a img {
     border: 1px solid grey;
     max-height: 230px;
 }

 .meldung {
     border: 1px solid grey;
     padding: 1.5em;
     margin: 3em 0;
     position: relative;
     text-align: center;
 }

 .meldung span {
     position: absolute;
     top: 0;
     left: 0;
     background: #0565AA;
     color: #fff;
     padding: 3px 10px;
 }



 @media only screen and (max-width: 850px) {

     #box,
     object {
         width: auto;
         padding: 10px;
     }


 }