body { font-family: Arial, sans-serif; margin: 2rem; background: #f7f3ee; color: #333; }
h1, h2 { color: #333; }

a { 
    color: #745836; 
    text-decoration: none; 
}
a:hover {
  color: #745836;
  text-decoration: underline; 
}
a:focus {
  outline: 2px solid #2d2315; /* sichtbar Fokus-Rahmen für Tastaturzugang */
  outline-offset: 2px;
}
a:active {
  transform: scale(0.95); 
}

.navbar { 
    background-color: #f7f3ee; 
    color: #333;
}

.section-inner {
    display: flex;
    align-items: center;   /* vertikal zentrieren */
    align-content: space-around;
    justify-content: center; /* horizontal zentrieren (optional) */
    min-height: 40vh;     /* Höhe der Viewporthöhe */
    flex-direction: column;
}