body {
     --am-block-max-width: 70rem;

}
section.hero {
     margin-top: 25px;
}
section.hero am-section {
     padding-top: 0rem !important;

}
.navbar {
     padding: 0px 0px 0px;
}
/* Grundlayout der Chips */
/* Grundlayout der Chips */
.tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0px;margin:.5rem 0}
.tags li{margin:0}
.tags .tag{
  display:inline-flex;align-items:center;gap:.35rem;
  padding:.12rem .4rem;border-radius:5px;white-space:nowrap;
  border:1px solid hsl(var(--h,200deg),65%,75%);
  background:hsl(var(--h,200deg),90%,92%);
  color:hsl(var(--h,200deg),30%,25%);
  font-size:.875rem;line-height:1.25rem;text-decoration:none
}
.tags .tag::before{content:"#";opacity:.5}

svg {
     fill: rgb(211 26 26);
}

.prj-title { 
     margin: 0;
     color: var(--color-page-text);
 }
.prj-title-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--color-page-text);
  /* falls gar kein Umbruch zwischen Icon + erstem Wort gewünscht: */
  /* white-space: nowrap; */
}
.prj-icon { line-height: 0; }
.prj-icon svg {
  display: inline-block;   /* WICHTIG: kein block */
  vertical-align: middle;
}

/* Farbzyklus: 10 verschiedene Hues wiederholen sich */
.skills li:nth-child(10n+1){ --h: 200deg; } /* Blau */
.skills li:nth-child(10n+2){ --h: 140deg; } /* Grün */
.skills li:nth-child(10n+3){ --h: 20deg;  } /* Orange */
.skills li:nth-child(10n+4){ --h: 280deg; } /* Violett */
.skills li:nth-child(10n+5){ --h: 340deg; } /* Pink/Rot */
.skills li:nth-child(10n+6){ --h: 60deg;  } /* Gelb */
.skills li:nth-child(10n+7){ --h: 10deg;  } /* Ziegel */
.skills li:nth-child(10n+8){ --h: 180deg; } /* Cyan */
.skills li:nth-child(10n+9){ --h: 320deg; } /* Magenta */
.skills li:nth-child(10n+10){--h: 100deg; } /* Oliv */

/* Optional: Dark Mode */
@media (prefers-color-scheme: dark) {
  .tags .tag{
    border-color:hsl(var(--h,200deg),25%,35%);
    background:hsl(var(--h,200deg),25%,18%);
    color:hsl(var(--h,200deg),65%,85%);
  }
}

<style>
  .am-alert { margin: .75rem 0; font-weight: 700; }
  .am-alert.ok    { color: #1b990b; } /* Grün für Erfolg */
  .am-alert.error { color: #991b1b; } /* Rot für Fehler  */
</style>

navbar {
    position: relative; /* Bezugsrahmen für das absolut positionierte Bild */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.floating-image {
    position: absolute;
    bottom:10px;    /* Abstand von oben (relativ zu .hero.content) */
    left: 10px;   /* Abstand von links (relativ zu .hero.content) */
    width: 60%;   /* Relative Breite zur Section */
    max-width: 600px; /* Maximale Breite */
    height: auto; /* Höhe automatisch anpassen */
    z-index: 20;  /* Über dem Slider (höher als der z-index des Sliders) */
    border: 1px solid red; /* Nur zur Verdeutlichung */
}

/* Stelle sicher, dass der Slider unter dem Bild liegt */
am-section {
    position: relative;
    z-index: 10; /* Niedriger als das Bild */
    width: 100%;
}