/* u1 FULL-BLEED über komplette Browserbreite */
/* u1 Textbox: volle Breite im Seitenrahmen (.page), NICHT full-bleed */
u1{
  display: block;
  width: 100%;
  max-width: none;

  margin: 1.5rem 0;
  padding: 1.2rem 1.4rem;

  background: #fff;
  border: 1px solid rgba(255, 0, 0, 0.12);
  border-left: 6px solid #ff0000;
  border-radius: 0.5rem;
  box-shadow: 0 8px 20px rgba(255, 0, 0, 0.08);

  color: #333;
  font-size: 1rem;
  line-height: 1.7;
  text-align: left;
}


u1 h3{
  margin: 0 0 .7rem !important;
  padding-bottom: .45rem !important;
  text-align: center !important;
  border-bottom: 1px solid rgba(255, 0, 0, 0.1) !important;

  font-size: 1.35em;   /* größte Überschrift */
  font-weight: 700;
  line-height: 1.25;
}

u1 h4{
  margin: .2rem 0 .6rem !important;
  text-align: center !important;

  font-size: 1.18em;   /* größer als Text, kleiner als h3 */
  font-weight: 650;
  line-height: 1.3;
}

u1 h5{
  margin: .15rem 0 .55rem !important;
  text-align: center !important;

  font-size: 1.08em;   /* zwischen h4 und Fließtext */
  font-weight: 600;
  line-height: 1.35;
}
u1 h1{
  display: block !important;
  margin: 0 0 .6rem !important;
  padding-bottom: .45rem !important;
  text-align: center !important;

  font-size: 1.18rem !important;   /* exakt wie gewünscht, unabhängig vom Kontext */
  font-weight: 750 !important;
  line-height: 1.3 !important;

  border-bottom: 1px solid rgba(255, 0, 0, 0.1) !important;
}
html body .page u1 h1{
  display: block !important;
  width: 100% !important;

  margin: 0 0 .6rem !important;
  padding-bottom: .45rem !important;
  text-align: center !important;

  font-size: 1.18rem !important;
  font-weight: 700 !important; /* 650 ist oft nicht verfügbar */
  line-height: 1.3 !important;

  border-bottom: 1px solid rgba(255,0,0,0.1) !important;
}