.segment-ctas{
      margin-top: 16px;
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }

    .segment-ctas--center{
      justify-content: center;
    }

    .section-head {
      position: relative;
    }

    .section-head .section-hero {
      position: relative;
      z-index: 1;
    }

    .section-head .section-hero h1,
    .section-head .section-hero h2{
      text-wrap: balance;
    }

    .section-head .section-media {
      position: relative;
      z-index: 1;
    }

    .segment-wave-underline{
      position: relative;
      display: inline-block;
      padding-bottom: .2em;
    }

    .segment-wave-underline__text{
      position: relative;
      z-index: 1;
    }

    .segment-wave-underline__svg{
      position: absolute;
      left: -2%;
      bottom: -.05em;
      width: 104%;
      height: .64em;
      overflow: visible;
      pointer-events: none;
    }

    .segment-wave-underline__svg path{
      fill: none;
      stroke: var(--accent, #22c55e);
      stroke: color-mix(in srgb, var(--accent, #22c55e) 78%, white);
      stroke-width: 2.4;
      stroke-linecap: round;
      stroke-linejoin: round;
      opacity: .82;
      filter: drop-shadow(0 1px 6px color-mix(in srgb, var(--accent, #22c55e) 22%, transparent));
    }

    .segment-lead-circle{
      position: relative;
      display: inline-block;
      white-space: nowrap;
      margin: 0 .04em;
      padding: .02em .34em .06em;
    }

    .segment-lead-circle__text{
      position: relative;
      z-index: 1;
    }

    .segment-lead-circle::before,
    .segment-lead-circle::after{
      content: "";
      position: absolute;
      left: -.18em;
      right: -.18em;
      top: -.18em;
      bottom: -.16em;
      border: 2px solid var(--accent, #22c55e);
      border: 2px solid color-mix(in srgb, var(--accent, #22c55e) 76%, white);
      border-radius: 999px;
      pointer-events: none;
    }

    .segment-lead-circle::before{
      opacity: .74;
    }

    .segment-lead-circle::after{
      opacity: .5;
      transform: translate(1px, 1px) rotate(-1.4deg);
    }

    .segment-lead-circle__svg{
      display: none;
    }

    .section-logo-bg {
      position: absolute;
      right: 90px;
      top: 170px;
      transform: rotate(20deg);
      z-index: 0;
      opacity: 0.12;
      pointer-events: none;
    }

    .section-logo-bg img {
      width: 25px;
      height: 25px;
      display: block;
      /* filter: brightness(0) invert(1); macht das Logo weiß */
    }

    @media (min-width: 720px) {
      .section-logo-bg img {
        width: 180px;
        height: 180px;
      }
    }

    /* Head mit optionalem Bild */
    .section-head--with-media {
      display:grid;
      align-items:center;
      gap:24px;
      margin-bottom: 24px;
    }
    .section-head--with-media.image-right {
      grid-template-columns: 1.1fr .9fr;
    }
    .section-head--with-media.image-left {
      grid-template-columns: .9fr 1.1fr;
    }

    .section-head--with-media .section-media{
      position:relative;
      width:100%;
      aspect-ratio: 16/10;
      overflow:hidden;
      border-radius:16px;
      box-shadow: 0 8px 24px rgba(2,6,23,.10);
      background: linear-gradient(180deg,#f8fafc, #eef2f7);
    }
    .section-head--with-media .section-media img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transform: scale(1.001);
      object-position: center;
    }

    section.dark .section-head--with-media .section-media{
      background:linear-gradient(180deg,#0b1220,#0f172a);
    }
    section.alt .section-head--with-media .section-media{
      background:linear-gradient(180deg,#eff6ff,#e2e8f0);
    }

    @media (max-width: 980px){
      .section-head,
      .section-head .section-hero,
      .section-head .section-media{
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
      }

      .section-head--with-media.image-right, .section-head--with-media.image-left{
        grid-template-columns: unset;
      }
      .section-head--with-media{
        grid-template-columns: 1fr;
      }
      .section-head--with-media .section-media{
        order:2;
        aspect-ratio: 3/2;
        overflow: hidden;
      }
      .section-logo-bg {
        top: 0;
        transform: translateY(-30%);
        opacity: 0.10;
      }

      .segment-wave-underline__svg{
        display: none;
      }

      .segment-wave-underline{
        display: inline;
        padding-bottom: 0;
        text-decoration-line: underline;
        text-decoration-color: color-mix(in srgb, var(--accent, #22c55e) 72%, white);
        text-decoration-thickness: 2px;
        text-underline-offset: .18em;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
      }

      .segment-lead-circle{
        padding: .02em .28em .05em;
        white-space: normal;
        max-width: 100%;
        box-sizing: border-box;
      }

      .segment-wave-underline__text,
      .segment-lead-circle__text{
        max-width: 100%;
        overflow-wrap: normal;
      }

      .segment-lead-circle::before,
      .segment-lead-circle::after{
        border-width: 1.8px;
        left: -.16em;
        right: -.16em;
        top: -.16em;
        bottom: -.14em;
      }
    }

    .segment--align-center .container{
      text-align: center;
    }

    .segment--align-center .section-head .section-hero,
    .segment--align-center .section-head .section-hero p.muted{
      margin-inline: auto;
    }

    .segment--align-center .section-head--with-media .section-media{
      margin-inline: auto;
    }

    .segment--align-center .segment-slot > *{
      margin-left: auto;
      margin-right: auto;
    }

    .segment--align-center .card{
      text-align: center;
    }