:root {
    --hell: rgb(213, 228, 235);
    --dunkel: rgb(9, 12, 50);
  }

  body {
    margin: 0;
    background: white;
    
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
  
  header {
    padding-top: 0;
    padding-bottom: 24;
   
  }
  .mitte {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .teaser {
    width: 100%;
    height: 200px;
  }

  .teaser img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  @media screen and (min-width: 800px) {
    .teaser {
      height: 400px;
    }
  }
  
  .datalist   { padding-left: 40px; text-indent: -40px; }
  li a {
    color: rgb(48, 185, 107);
  }
  nav {
    position: sticky;
    top: 0;
    font-weight: 500;
  
    /* Das ist dafür, dass die Navigation jederzeit anklickbar ist */
    z-index: 99;
  }
  
  footer,
  nav {
    backdrop-filter: blur(8px);
    background-color: rgba(252, 191, 2);; 
  }
  nav:focus { 
    background-color: black; 
    color: white; 
  }
nav :hover{
  color: black;
}

  footer ul,
  nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    
  }
  
  footer ul li,
  nav ul li {
    padding: 10px;
  }
  
  #link {
    color: rgb(48, 185, 107);
    
    padding: .25em 0;
    text-decoration: none;
    transition: all .5s;
  }
  #link hover,
  focus {
    box-shadow: inset 0 -30px 0 rgb(48, 185, 107)
  }
  .p::after {
    content: "\A";
    white-space: pre;
  }


  section {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px;
    box-sizing: border-box;
  
    /* Das ist dafür, dass die Überschrift nicht hinter dem verschwomennen Bereich ist */
    padding-top: 48px;
    transform: translateY(-48px);
    
  }
  
  

  .people img {
  object-fit: cover;
  object-position: -10% 90%;
  border-radius: 50%;
  width: 15em;
 height: 15em;
  }
  .pre-wrap {
    white-space: pre-wrap;
  }
  .insta img {
    float: left;
    object-fit: cover;
    object-position: -10% 100%;
    border-radius: 5%;
    width: 1.5em;
   height: 1.5em;
    }
    
table,
th,
td {
	border: none;
}

td {
	padding: .5em;
}

#coll {
	border-collapse: collapse;
}