        body {
             font-family: "Roboto Mono", monospace;
             padding-left: 75px;
             padding-right: 75px;
             }

        h1 {
           margin-top: 120px;
           color: #525252 ;
            }

        p {
          color: #808080 ; 
          }
 
        .wave-top {
              position: absolute;
              left: 0;
              top: 0;
              z-index: -1;
              height: 200px;
              width: 100%; 
              object-fit: cover;
              }

        .wave-bottom {
              position: absolute;
              left: 0;
              right: 0;
              bottom: 50px;
              }

        a {
          color: #ffffff;
          text-decoration: none;
          }

        a:hover {
                text-decoration: underline;
                }
        
        .nav {
             margin-top: 20x;
             }

        .social-icons {
                      position: absolute;
                      right: 50px;
                      top: 16px;
                      }

        .social-icon {
                     width: 25px;
                     height: 25px;
                     }

        .main-image {
                    position: absolute;
                    padding: 8px 80px;
                    right: 20px;
                    width:50%;
                    }
        
        .logo {
              position: absolute;
              left: 80px;
              width: 10%;
              top: 40px;
        }

        .KontaktButton {
                       color: white;
                       background-color: #FEB62F;
                       padding: 8px 90px;
                       display: inline-block;
                       border-radius: 8px;
                       margin-top: 16px;
                       margin-bottom: 16px;
                       display: inline-flex;
                       align-items: center;
                       justify-content: center;
                       }

        .KontaktButton:hover {
                             text-decoration: none;
                             background-color: #b98626;            
                             }

        .imageMaillogo {
                       height: 16px;
                       margin-right: 4px;
                       }

        .footer {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #0099ff; 
                height: 50px;
                color: white;
                }

        @media (min-width: 850px) {
                                    .wave-top {
                                              height: 200px;
                                              }
                                    h1 {
                                       margin-top:200px;
                                       }
                                    .desktop-left-right {
                                                        display: flex;
                                                        }
                                    .main-image {
                                                width: 30%;
                                                margin-top: 150px;
                                                }
                                  }
        
        @media (min-width: 1200px) {
                                    .wave-bottom {
                                    bottom: 0px;
                                    }
                                    body {
                                    padding-left: 150px;
                                    padding-right: 150px;
                                    }
                                    .wave-top {
                                    height: 300px;
                                    object-position: bottom;
                                    }
                                    .main-image {
                                    width: 30%;
                                    margin-top: 150px;
                                    }
                                    }

        a {
          margin-right: 16px;
          }
