header.home-header{
    position: absolute;
    z-index: 100;
    display: block;
    right: 3rem;
    top: 3rem;
  }
  
  /* Wichtig: Logo-Bild responsive machen */
  header.home-header img{
    height: auto;
    max-width: 100%;
  }
  
  /* Mobil */
  @media (max-width: 768px){
    header.home-header{
      right: 1.5rem;
      top: 1.5rem;
    }
  
    /* Hier die eigentliche Logo-Größe einstellen */
    header.home-header img{
      width: 120px;   /* Wert anpassen */
      max-width: 50vw; /* verhindert zu groß auf sehr kleinen Screens */
    }
  }
  

  header.home-header::after{
    
  }

main.home-main{
    padding: 0 !important;
    margin-block-start: 0 !important;
  }

.landing-text{

}

.landing-cover{
    align-items: end;
    padding-bottom: 5rem !important;
}

.map-svg{
    width: 100%;
}

.map-section{
  gap: 2rem !important;
}

/* Breakpoints: größerer Abstand auf größeren Screens */
@media (min-width: 768px){
  .map-svg{
    width: 33%;
}


}

@media (min-width: 1200px){
  .map-svg{
    width: 50%;
}

}


.blau-unterstrich{
    display: inline-block;
    background: linear-gradient(180deg, transparent 55%, #b3d6f0 55%);
    padding: 0 .25rem;

}

.blau-makiert{
    display: inline;
    padding: .125rem 0.25rem;
    background-color: #b3d6f0;
    -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.what-we-do-h3::before{
  content: "\F285";         
  font-family: "bootstrap-icons";
  color: #3982c3; 
  font-size: .7em; 
  line-height: 1; 
}

.calendly::before{
    content: "\F1E2";     
    font-family: "bootstrap-icons";
    font-size: .7em; 
    line-height: 1;
    margin-right: .25rem;
  }

  .calendly a{
    text-decoration: none;
  }


/* Abstand für alle folgenden Sections nach <section class="content"> */
section.content > section{
  margin-top: 4rem;
  width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

footer.footer-home{
    background-color: #3982c3;
    color: white;
    padding: 2rem 5vw;
    margin-top: 4rem;
  }

/* Breakpoints: größerer Abstand auf größeren Screens */
@media (min-width: 768px){
    section.content > section{
    margin-top: 6rem;
    width: 66vw;
  }

}

@media (min-width: 1200px){
    section.content > section{
    margin-top: 8rem;
    width: 66vw;

  }
}