/* =======================================
   Content-Bereich unter der H2
   ======================================= */
.content-narrow{
  width:100% !important;
  max-width:1100px !important;     /* Desktop-Breite, die gut aussah */
  margin-left:0 !important;         /* links andocken */
  margin-right:auto !important;     /* NICHT zentrieren */
  padding-left:0 !important;
  text-align:left !important;
  line-height:1.5 !important;
  font-size:1em !important;
  color:#000 !important;
}
.content-narrow p{
  margin:8px 0 !important;          /* kompakte Absätze (so war’s gut) */
}

/* Responsiv: klein = vollbreit, sehr groß = etwas breiter */
@media (max-width:1199px){
  .content-narrow{ max-width:100% !important; }
}
@media (min-width:1600px){
  .content-narrow{ max-width:1200px !important; }
}

/* =======================================
   Vorteilsleiste unter der H1
   ======================================= */
.benefits{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:8px 0;
  font-weight:600;
  font-size:1.05em;
}
.benefits span{ white-space:nowrap; }
.benefits .check{
  color:#33c06b;
  margin-right:6px;
}

/* =======================================
   H1 linksbündig ausrichten wie zuvor
   ======================================= */
h1{
  max-width:1100px !important;
  margin-left:0 !important;
  margin-right:auto !important;
  padding-left:0 !important;
  text-align:left !important;
}

/* =======================================
   Nur Fettschrift DEZENT machen
   ======================================= */
.content-narrow b,
.content-narrow strong{
  font-weight:500 !important;    /* Medium statt knall-bold */
  color:#333 !important;         /* dunkles Grau statt Schwarz */
}

/* =======================================
   Profile: Banner & H3 zentrieren
   ======================================= */
.profile-center { 
  text-align: center; 
  margin: 12px 0; 
}
.profile-center img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin: 0 6px 8px;
  vertical-align: middle;
}

.profile-h3 {
  text-align: center;
  margin: 10px 0 6px;
}

/* =======================================
   Profile Banner mobil optimieren
   ======================================= */
@media (max-width: 767px) {
  .profile-center img {
    max-width: 90% !important;   /* nicht ganz so breit */
    margin: 0 auto 12px;         /* mittig + mehr Abstand unten */
    display: block;              /* sorgt für saubere Zentrierung */
  }
}