
    :host {
      display: block;
      font-family: 'DM Sans', sans-serif;
      color: #1A1A1A;
    }
    .titel {
      font-family: 'DM Serif Display', serif;
      font-size: 1.35rem;
      color: #002440;
      margin-bottom: .35rem;
    }
    .untertitel {
      color: #6B7280;
      font-size: .88rem;
      margin-bottom: 1.75rem;
    }
    .abschnitt-bezeichnung {
      font-size: .7rem;
      text-transform: uppercase;
      letter-spacing: .06em;
      font-weight: 700;
      color: #6B7280;
      margin-bottom: .6rem;
      margin-top: 1.5rem;
    }
    .abschnitt-bezeichnung:first-of-type { margin-top: 0; }
    .info-gitter {
      display: flex;
      flex-direction: column;
      gap: .45rem;
      background: #F6F4F0;
      border-radius: 10px;
      padding: 1rem 1.25rem;
    }
    .info-zeile {
      display: flex;
      align-items: baseline;
      gap: .75rem;
      font-size: .92rem;
      line-height: 1.5;
    }
    .info-bezeichnung {
      flex: 0 0 130px;
      font-weight: 600;
      color: #6B7280;
      font-size: .8rem;
      text-transform: uppercase;
      letter-spacing: .04em;
    }
    .info-wert {
      flex: 1;
      color: #1A1A1A;
      word-break: break-word;
    }
    .trennlinie {
      border: none;
      border-top: 1px solid #D6D3CD;
      margin: 1.25rem 0;
    }
    .abbruch-bereich {
      margin-top: 2rem;
      text-align: center;
    }
    .btn-abbruch {
      font-family: 'DM Sans', sans-serif;
      font-size: .85rem;
      font-weight: 600;
      padding: .55rem 1.25rem;
      border-radius: 10px;
      border: 1.5px solid #A4243B;
      background: transparent;
      color: #A4243B;
      cursor: pointer;
      transition: .25s ease;
    }
    .btn-abbruch:hover {
      background: #A4243B;
      color: #fff;
    }
  
