body { font-family: system-ui, sans-serif; margin:0; }



header {

  background-color: white;

  text-align: center;

  padding: 24px 30px 24px 30px;

  transition: padding 0.3s ease; /* weiche Animation beim Scrollen */

  position: relative;

  z-index: 10;

}



header.shrink {

  padding:   padding: 24px 30px 24px 30px; /* Logo nach oben rutschen */

}



.logo {

  max-width: 240px;

  height: auto;

  transition: max-width 0.3s ease;

}



header.shrink .logo {

  max-width: 120px; /* Logo kleiner beim Scrollen */

}



nav {

  background-color: white;

  position: sticky; /* Navigation bleibt oben */

  top: 0;

  z-index: 20;

  padding: 8px 0;

}

.nav-wrapper { text-align: center; }

.centered-bar { display: inline-block; }



/* Menüeinträge */

.w3-bar .w3-bar-item { padding: 12px 16px; }

@media (max-width:600px){ .w3-bar .w3-bar-item{ padding: 12px 10px; } }



section { margin: 16px auto; padding: 16px; max-width: 1200px; }