/* Sternenwachs – clean base */

/* Header: hell, schlank, Schrift sichtbar */
.container-header{
  background:#f7f4ef !important;
  padding:.6rem 0 !important;
  box-shadow:none !important;
}
.container-header a,
.container-header .navbar-nav .nav-link,
.container-header .site-title a{
  color:#3a2f28 !important;
}

/* Logo + Menü nebeneinander, Menü horizontal */
.container-header .navbar{
  flex-wrap:nowrap !important;
  align-items:center !important;
}
.container-header .navbar-nav{
  flex-direction:row !important;
  gap:1rem !important;
}

.sw-hero{
  max-width:1600px;   /* breiter */
  margin:2.5rem auto 1.5rem auto;
  height:520px;       /* höher */
  padding:0;
  background:url("/images/startbild-kerze.jpg") center / cover no-repeat;
  border-radius:16px;
}

.sw-hero *{
  display:none !important;
}

/* Inhalt (roter Textblock) direkt unter dem Bild, gleiche Breite */
.container-component{
  max-width:1200px;
  margin:0 auto;
  padding:0 2rem;
}
main{
  padding-top:0;
  padding-bottom:3rem;
}
/* Textbereich unter dem Hero ruhiger setzen */
.container-component h1{
  margin-top: 0.5rem;
}

.container-component p{
  max-width: 720px;
  font-size: 1.05rem;
  line-height: 1.6;
}
/* Textbreite für Beitragsseiten begrenzen */
.container-component {
  max-width: 900px;
}