html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: bold;
  
}

section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100vh;
  @media (max-width: 900px)
     {
    grid-template-columns: 1fr;
    grid-template-rows: autofill;
  }


  .left {
    background-image: url(Medikamente2_3.jpg);
    background-size: cover;
    text-align: center;
    @media (max-width: 900px)
        {
      display: none;
    }
    .container {
     
        padding-top: 4em; 
    padding-left: 4em;
    padding-right: 4em;
      color: white;
      display: flex;
      align-items: top;
      justify-content: center;
      text-align: center;
      
      h1 {
        font-size: 30px;
      }


    }
  }

  
  .right {
    background-color: var(--background-color);
    .container {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 100%;
      h1 {
        font-size: 30px;
      }
    }
  }
}

.rundes-bild {
  width: 250px; /* Breite des Bildes */
  height: 250px; /* Höhe des Bildes */
  border-radius: 50%; /* Rundet die Ecken ab */
  object-fit: fill; /* Passt das Bild an den Container an */
 
}