* {
         margin                          : 0;
         padding                         : 0;
         box-sizing                      : border-box;
         }

@font-face {
    font-family: 'standard';
    src: url('.../font/Raleway/Raleway-Regular.woff2') format('woff2'),
         url('../font/Raleway/Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'logo-schrift';
    src: url('../font/Lexend_Deca/LexendDeca-Bold.woff2') format('woff2'),
         url('../font/Lexend_Deca/LexendDeca-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



body {
         color                           : #7F7F7F;
         background-color                : #B4BEB6;
         font-size                       : 1em;
         line-height                     : 1.75;
         font-family                     : 'standard';
         display                         : flex;
         align-items                     : center;
         min-height                      : 80vh;  }

a{
         color                           : #001060;
         text-decoration                 : none;
         font-weight                     : bold;}
a:hover{
         color                           : #001060;
         text-decoration                : underline;}

p        {margin-bottom: 1em}

.wrapper {
         display         : flex;
         flex-wrap       : wrap;
         font-family     : 'standard';
         padding-top      : 1em;
}


.main {   border-radius   : 1em;
         background-color: white;
         width           : 100%;
         padding         : 1em 2.5em;
}

.center {
         text-align      : center}

@media screen and (min-width:1000px) {
.wrapper {
         width                   : 1000px;
         margin                  : 0 auto;}}
@media screen and (max-width:1000px) {
.wrapper{
         width                   : 85%;
         margin                  : 0 auto;}}

footer { width: 100%;
         text-align      : center}

ul {
         margin-left             : 2em;}


h1  {
         font-family                     : 'logo-schrift';
         text-align                      : center;
         margin                          : .5em 0;
         font-size                       : 1.8em;
         font-weight                     : bold!important;
         }

h3 {
         font-family                     : 'logo-schrift';
         font-size                       : 1.15em;
         margin                          : 0em;
         text-align                      : left;
         font-weight                     : bold!important;
         text-decoration                 : underline

         }


h4 {
         font-family                     : 'logo-schrift';
         font-size                       : 1.25em;
         margin                          : 0em;
         text-align                      : center;
         font-weight                     : bold!important;

         }

h5 {
         font-size                       : 1.15em;
         margin-top                      : 1em;
         text-align                      : left;
         font-weight                     : bold!important;
         text-decoration                 : underline}

footer  {
         color: white;}
footer a {
         color: white;
         text-decoration                 : none;
         font-weight                     : normal}

footer a:hover,
footer a:focus {
         text-decoration                 : underline;
}

.wrapper .logo {
         width           : 90%;
         height          : auto}

.wrapper .bild {
         max-width       : 450px;
         width           : 100%;
         height          : auto}