body {
   margin: 0;
   font-family: Montserrat, sans-serif;
   background: #F1F0ED;
}

.hero {
   background: #47484B;
   min-height: 100vh;
   padding: 70px 80px;
}

.hero h1 {
   color: #A21D7C;
   font-size: 145px;
   font-weight: 300;
   line-height: 0.92;
   margin: 0;
}

.pitch {
   background: #F1F0ED;
   min-height: 35vh;
   display: flex;
   align-items: flex-start;
   justify-content: flex-end;
   padding: 40px 110px 60px 110px;
}

.content {
   max-width: 620px;
   color: #A21D7C;
   font-size: 34px;
   line-height: 1.35;
   text-align: right;
}

.author {
   background: #47484B;
   min-height: 100vh;
   display: flex;
   align-items: center;
   padding: 80px;
   gap: 90px;
}

.author-photo {
   width: 45%;
}

.author-photo img {
   width: 100%;
   height: auto;
   display: block;
}

.author-text {
   flex: 1;
   text-align: right;
   color: #F1F0ED;
   margin-top: -70px;
}

.author-text h2 {
   color: #A21D7C;
   font-size: 64px;
   font-weight: 300;
   margin: 0 0 40px 0;
}

.author-text p {
   font-size: 30px;
   line-height: 1.4;
   margin: 10px 0;
}

.vita {
   background: #F1F0ED;
   min-height: 90vh;
   padding: 100px 110px;
   display: flex;
   align-items: center;
}

.vita-content {
   max-width: 900px;
   color: #47484B;
}

.vita-content h2 {
   color: #A21D7C;
   font-size: 54px;
   font-weight: 300;
   margin: 0 0 30px 0;
}

.vita-content h3 {
   color: #47484B;
   font-size: 30px;
   font-weight: 400;
   margin: 0 0 45px 0;
}

.vita-content h3 span {
   font-weight: 300;
}

.vita-content p {
   font-size: 23px;
   line-height: 1.55;
   margin: 0 0 28px 0;
}

.agentur {
   background: #47484B;
   min-height: 70vh;
   padding: 100px 110px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.agentur-content {
   max-width: 760px;
   text-align: center;
   color: #F1F0ED;
}

.agentur-content h2 {
   color: #A21D7C;
   font-size: 52px;
   font-weight: 300;
   margin: 0 0 35px 0;
}

.agentur-content p {
   font-size: 24px;
   line-height: 1.5;
   margin: 0 0 35px 0;
}

.agentur-content a {
   color: #F1F0ED;
   text-decoration: none;
   border: 1px solid #A21D7C;
   padding: 14px 22px;
   display: inline-block;
   font-size: 18px;
}

.agentur-content a:hover {
   background: #A21D7C;
}

@media (max-width: 900px) {

   .hero {
       padding: 45px 35px;
   }

   .hero h1 {
       font-size: 58px;
   }

   .pitch {
       padding: 40px 35px;
       justify-content: flex-start;
   }

   .content {
       font-size: 25px;
       text-align: left;
   }

   .author {
       flex-direction: column;
       padding: 50px 35px;
       gap: 40px;
   }

   .author-photo {
       width: 100%;
   }

   .author-text {
       text-align: left;
       margin-top: 0;
   }

   .author-text h2 {
       font-size: 42px;
   }

   .author-text p {
       font-size: 24px;
   }

   .vita {
       padding: 60px 35px;
       min-height: auto;
   }

   .vita-content h2 {
       font-size: 38px;
   }

   .vita-content h3 {
       font-size: 24px;
   }

   .vita-content p {
       font-size: 20px;
   }

 .agentur {
       padding: 70px 28px;
       min-height: auto;
       overflow: hidden;
   }

   .agentur-content {
       max-width: 100%;
   }

   .agentur-content h2 {
       font-size: 32px;
       line-height: 1.15;
       word-break: normal;
   }

   .agentur-content p {
       font-size: 20px;
       line-height: 1.45;
   }

.agentur-content h2 {
   font-size: 22px;
   line-height: 1.2;
}
ing: border-box;
   }