*         {padding: 0;
          margin: 0;}

body      {font-family: Helvetica, Arial;}

header    {position: absolute;
          left: 30px;
          padding-top: 15px;
          z-index: 5;}

a         {color: black;
          text-decoration: underline;}

a:active  {color: rgb(240, 255, 248);}

.footer   {position: fixed;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 15px;
          background-color: rgb(57, 248, 124);}


ul        {list-style-type: none;
          margin: 0;
          padding: 0;
          width: 100%;
          margin: auto;
          z-index: 7;}

li        {float: left;
          width: 25%;}

p         {color: rgb(131, 131, 131);}


.bold     {color: rgb(52, 241, 117);
          font-weight: 600;}

.main     {text-decoration: none;
          color: rgb(52, 241, 117);}

.cv      {width: 80%;
          padding-top: 75px;
          padding-left: 30px;
          line-height: 145%;
          font-weight: 300;
          font-size: 11pt;}

.impressum { width: 90%;
          padding-top: 75px;
          padding-left: 30px;
          line-height: 145%;
          font-weight: 300;
          font-size: 11pt;}

.datenschutz { width: 90%;
              padding-top: 75px;
              padding-left: 30px;
              line-height: 145%;
              font-weight: 300;
              font-size: 11pt;}

.parent       {width: 100%;
              height: 100%;}

.image        {width: 100%;
              bottom: 0px;
              position: absolute;}

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


          header    {position: absolute;
                    left: 20px;
                    padding-top: 15px;}

          .cv {width: 90%;
              padding-top: 75px;
              padding-left: 20px;
              line-height: 145%;
              font-weight: 300;
              font-size: 11pt;}

          .impressum {
                width: 90%;
                padding-top: 75px;
                padding-left: 20px;
                line-height: 145%;
                font-weight: 300;
                font-size: 11pt;}

            .datenschutz { width: 90%;
                          padding-top: 75px;
                          padding-left: 20px;
                          line-height: 145%;
                          font-weight: 300;
                          font-size: 11pt;}

        .parent       {width: 100%;
                      height: 100vh;
                      display: flex;
                      justify-content: center;
                      align-items: center;}

          .image  {
          position: relative;
          margin: auto;
            }
    }

  @media screen and (min-width: 700px) and (max-width: 1023px) {

          header    {position: absolute;
                    left: 30px;
                    padding-top: 15px;}

          .cv {width: 80%;
              padding-top: 75px;
              padding-left: 30px;
              line-height: 145%;
              font-weight: 300;
              font-size: 11pt;}

            .impressum {
                    width: 90%;
                    padding-top: 75px;
                    padding-left: 30px;
                    line-height: 145%;
                    font-weight: 300;
                    font-size: 11pt;}

            .datenschutz { width: 90%;
                              padding-top: 75px;
                              padding-left: 30px;
                              line-height: 145%;
                              font-weight: 300;
                              font-size: 11pt;}


          .parent       {width: 100%;
                        height: 100%;}


          .image        {width: 100%;
                        bottom: 0px;
                        position: absolute;}


            }