html, body {
  font-family: "Nunito", sans-serif;
  margin: 0;
  background-color:  #A7D9F4 ;
  margin:0;
  overflow-x:hidden;  
  height: 100%;
}

footer {
  text-align: center;
  padding: 10px;
  background-color:  #1F4E79 ;
  color: #fff;
}

footer a {
  color: #fff;
}

.page {
  background-color: #A7D9F4;
  text-align: center; 
}

main {
  min-height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

h1,h2,h3{
color:#444;
}

.outer-div {
    display: flex;
    justify-content: center;    
    text-align: center;
    background-color: #A7D9F4   ;
}

.container {
    display: flex;    
    align-items: center;
    gap: 20px;    
    padding: 20px;
}

.container img {
    width: 40%;
}

.text > ul.list {  
  display: inline-block;         /* ermöglicht zentriertes UL */
  text-align: left;              /* Text in der Liste bleibt linksbündig */
  width: 42ch;
}

.text {
    width: 60%;    
}

/* Smartphone-Ansicht */
@media (max-width: 800px) {
    .container {
        flex-direction: column;
        text-align: center;
        padding: 0px;
    }

    .container img {
        width: 100%;
        max-width: 100%;
    }

    .text {
        width: 100%;    
    }

    .text > ul.list {  
      display: inline-block;         /* ermöglicht zentriertes UL */
      text-align: left;              /* Text in der Liste bleibt linksbündig */
      width: 20ch;
    }
}