@media (max-width: 768px) {
  header {
    display: flex;
    flex-direction: row;         /* horizontal statt vertikal */
    justify-content: space-between;
    align-items: center;         /* vertikal zentrieren */
    padding: 0.5em 1em;
    height: auto;                /* keine feste Höhe nötig */
  }
  
p {
      font-size: 0.9rem;
  }

.privacy-intro {
            text-align: center;
            margin-bottom: 30px;
            font-size: 0.9rem;
            color: #555;
        }
.privacy-section-header h2 {
            margin: 0;
            font-size: 1.1rem;
            font-weight: 400;
            color: #2c3e50;
        }

  .logo img {
    width: 120px;
    height: auto;
  }

  .hamburger {
    display: block;
    font-size: 1.5rem;
    padding: 0.5em;
    cursor: pointer;
  }

nav {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  position: absolute;
  top: 70px;                /* passend zur tatsächlichen Headerhöhe */
  left: 0;
  width: 100%;
  background-color: #f5f5f5;
   z-index: 999;
}

nav.active {
  max-height: 500px; /* oder mehr, je nach Inhalt */
  visibility: visible;
  opacity: 1;
 }
  
   nav a {
    display: none;  
    display: block;
    text-align: center;
    padding: 1em 0; 
 /*   
    font-size: 1.0rem;
    color: #333;
    transition: color 0.3s ease; */
  }
nav a:hover {
    color: #0077cc;
}

  nav.active a {
    display: block;
     }
  }
  @media (max-width: 960px) {
  .kontakt-container {
    flex-direction: column;
    align-items: center;
  }

.kontakt-links,
.kontakt-rechts {
  width: clamp(280px, 80%, 400px);
    margin-bottom: 20px;
  }
}
@media (max-width: 500px) {
  .kontakt-links,
  .kontakt-rechts {
    width: 90%;
    max-width: 380px;
  }
}