html,
 body {
   margin: 0 0;
   padding: 0 0;
   width: 100%;
   font-family: "Noto Sans", sans-serif;
   font-optical-sizing: auto;
   font-weight: 300;
   font-style: normal;
   background-color: #000;
   color: #fff;
 }

 header {
   padding: 18px;
   max-width: 1280px;
   margin: 0 auto;

       margin-top: -36px;
 }

 .row {
   margin: 0px auto;
   padding-top: 36px;
   max-width: 1280px;

   @media screen and (min-width: 768px) {
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     gap: 1.5rem;
   }

 }

 .impresumm-row{
  max-width: 1280px;
  margin: 0 auto;
  padding:48px;
 }


.newsletter-row{
 
  background-color: #fff;
  color: #000;
  padding-top: 36px
}
 .newsletter{
   margin: 0px auto;
  max-width: 1280px;
  padding: 18px;
   max-width: 1280px;
   grid-column: span 12;
 }

 .text {


   @media screen and (min-width: 768px) {
     grid-column: span 12;
   }
 }

 .map {
  padding: 18px;
  width: auto;
   @media screen and (min-width: 768px) {
     grid-column: span 7;
   }

 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin: 0 0;
 }

 h1 {
   font-weight: 900;
   font-size: 36px;
   line-height: 48px;

   @media screen and (min-width: 768px) {
     font-size: 54px;
     line-height: 72px;
   }

 }

 h2 {
   font-weight: 300;
   font-size: 13px;
   line-height: 13px;

   @media screen and (min-width: 768px) {
     font-size: 18px;
     line-height: 18px;
   }
 }

 h3 {
   font-weight: 900;
   font-size: 18px;
   line-height: 18px;

   @media screen and (min-width: 768px) {
     font-size: 24px;
     line-height: 24px;
   }

 }