/* html / body / header / footer - sonst nichts */
@import url(https://fonts.googleapis.com/css?family=Raleway:900,600,500,800,700);

html {
     -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
     box-sizing:border-box;
     }
*, ::before, ::after { box-sizing: inherit;}
::-moz-selection {background: #003366;color:white;text-shadow: none;}
::selection {background:#003366;color:white;text-shadow: none;}

body {
     font: 1em/1.2  'Raleway', sans-serif, Lucida Sans Unicode;
     width: 100%;
     min-height: 100vh;
     background: #002233;
     color: white;
     margin: 0;
     padding: 0;
     position: relative;
     }
header h1 {
        padding: 0.2em 1rem;
        margin: 0;
        width: 100%;
        font-size: 1.7em;
        line-hight: 1.7em;
        text-align: center;
        color: white;
       /* background: #184568!important; */
        background:#002233;
     }
header h2
     {
     margin: 0;
     padding: 0.1em 1rem;
     width: 100%;
     font-size: 1em;
     color: black;
     line-hight: 1em;
     background-color: white;
     border-bottom: 0.2rem solid #002233;
     }
     h3 {
     font-size: 1em;
     line-hight: 1em;
     padding-left: 0.5em;
     }
footer {
     padding: 0.2rem auto;
     padding-bottom: 0.5rem;
     color: white;
     background: #000011;
     font-size:1em
     line-height: 1em;
     }
footer a {color: #00CEFF;}
footer p {margin: 0;}

footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000011;
    }
footer li {
    float: left;
     }
footer li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
     }
footer li a:hover {
    background-color: #EC0E31;
     }
img {max-width: 100%; display: block; object-fit: cover;}