<div class="breaker-audience">
    <div class="breaker-audience__inner">
        <div class="stage-insert-audience">
            <ul class="stage-insert-audience__menu">
                <li class="stage-insert-audience__menu-item">
                    <div class="stage-insert-audience__menu-item-header">
                        <svg class="icon stage-insert-audience__menu-icon icon--employed icon--before" id="icon-790f" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-employed"></use>
</svg> Arbeitnehmer
                    </div>
                    <div class="stage-insert-audience__tab">
                        <h1 class="headline headline--headline-1">Für Arbeitnehmer: umfassender Schutz und attraktive Extraleistungen
                        </h1>
                        <ul class="stage-insert-audience__list">
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-c9cd" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Die günstigste deutschlandweite Krankenkasse: Bis zu 302 € Beitragsvorteil</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-8f73" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Attraktives Bonusprogramm &amp; 24-Stunden-Medizinberatung</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-4be1" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Professionelle Zahnreinigung (bei &gt; 2.000 Zahnärzten)</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-204e" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Homöopathie, Osteopathie und Natur-Arzneimittel</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-3f11" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">eCoaches: Online-Angebote für Fitness &amp; Burnout-Prävention</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-292d" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Die günstigste deutschlandweite Krankenkasse: Bis zu 302 € Beitragsvorteil</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-895e" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Attraktives Bonusprogramm &amp; 24-Stunden-Medizinberatung</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-3856" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Professionelle Zahnreinigung (bei &gt; 2.000 Zahnärzten)</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-e345" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Homöopathie, Osteopathie und Natur-Arzneimittel</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-09b2" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">eCoaches: Online-Angebote für Fitness &amp; Burnout-Prävention</span>
                            </li>
                        </ul>
                        <div class="stage-insert-audience__cta">
                            <a class="button stage-insert-audience__button button--red" id="button-1bfd" href="#">Jetzt Mitglied werden
</a>
                            <a class="button stage-insert-audience__button button--blue" id="button-ace2" href="#">Optionaler Button
</a>
                        </div>
                    </div>
                </li>
                <li class="stage-insert-audience__menu-item">
                    <div class="stage-insert-audience__menu-item-header">
                        <svg class="icon stage-insert-audience__menu-icon icon--self-employed icon--before" id="icon-04f8" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-self-employed"></use>
</svg> Selbstständige
                    </div>
                    <div class="stage-insert-audience__tab">
                        <h1 class="headline headline--headline-1">Preis und Leistung für Selbstständige: weniger zahlen für Rundum-Schutz und starke Extras
                        </h1>
                        <ul class="stage-insert-audience__list">
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-62e7" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Die günstigste deutschlandweite Krankenkasse: bis zu 579 € sparen</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-ec59" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Extraleistungen im Wert von mehr als 1000 Euro, zum Beispiel:</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-078c" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Haushaltshilfe für Singles und attraktive Krankentagegeld-Versicherung</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-beb6" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Arztterminservice: schnell und einfach zum nächsten Termin</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-4a24" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">24-Stunden-Beratung zu medizinischen Fragen</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-e521" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Die günstigste deutschlandweite Krankenkasse: bis zu 579 € sparen</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-7172" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Extraleistungen im Wert von mehr als 1000 Euro, zum Beispiel:</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-9246" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Haushaltshilfe für Singles und attraktive Krankentagegeld-Versicherung</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-0a85" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Arztterminservice: schnell und einfach zum nächsten Termin</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-fdf1" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">24-Stunden-Beratung zu medizinischen Fragen</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-4b7b" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">24-Stunden-Beratung zu medizinischen Fragen</span>
                            </li>
                        </ul>
                        <div class="stage-insert-audience__cta">
                            <a class="button stage-insert-audience__button button--red" id="button-c866" href="#">Jetzt Mitglied werden
</a>
                            <a class="button stage-insert-audience__button button--blue" id="button-2c14" href="#">Selbstständig
</a>
                        </div>
                    </div>
                </li>
                <li class="stage-insert-audience__menu-item">
                    <div class="stage-insert-audience__menu-item-header">
                        <svg class="icon stage-insert-audience__menu-icon icon--trainee icon--before" id="icon-e856" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-trainee"></use>
</svg> Auszubildende
                    </div>
                    <div class="stage-insert-audience__tab">
                        <h1 class="headline headline--headline-1">Für den gesunden Start ins Berufsleben: Die hkk-Vorteile für Auszubildende
                        </h1>
                        <ul class="stage-insert-audience__list">
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-58b1" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Günstigste deutschlandweite Krankenkasse: jede Menge sparen</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-3196" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">eCoaches für Fitness und Stressreduktion</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-1c68" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Preisvorteile in Fitness-Studios</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-e7e3" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Sportmedizinische Untersuchung</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-6974" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Erweiterter Impfschutz auch für Auslandsreisen</span>
                            </li>
                        </ul>
                        <div class="stage-insert-audience__cta">
                            <a class="button stage-insert-audience__button button--red" id="button-10dd" href="#">Jetzt Mitglied werden
</a>
                        </div>
                    </div>
                </li>
                <li class="stage-insert-audience__menu-item">
                    <div class="stage-insert-audience__menu-item-header">
                        <svg class="icon stage-insert-audience__menu-icon icon--student icon--before" id="icon-5e61" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-student"></use>
</svg> Studierende
                    </div>
                    <div class="stage-insert-audience__tab">
                        <h1 class="headline headline--headline-1">Gesund durchs Studium mit den starken hkk-Vorteilen
                        </h1>
                        <ul class="stage-insert-audience__list">
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-0ab5" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Attraktives Bonusprogramm</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-7e2f" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Virtuelle Gesundheits-Coaches</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-e382" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Sportmedizinische Untersuchung und Fitness-Preisvorteile</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-80eb" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Naturarzneimittel, Osteopathie und Homöopathie</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-e707" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Reiseimpfungen</span>
                            </li>
                        </ul>
                        <div class="stage-insert-audience__cta">
                            <a class="button stage-insert-audience__button button--red" id="button-a24c" href="#">Jetzt Mitglied werden
</a>
                        </div>
                    </div>
                </li>
                <li class="stage-insert-audience__menu-item">
                    <div class="stage-insert-audience__menu-item-header">
                        <svg class="icon stage-insert-audience__menu-icon icon--young-family icon--before" id="icon-97d2" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-young-family"></use>
</svg> Familien
                    </div>
                    <div class="stage-insert-audience__tab">
                        <h1 class="headline headline--headline-1">Umfassend und besonders günstig: die starken Extras für alle in der Familie!
                        </h1>
                        <ul class="stage-insert-audience__list">
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-6a88" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Zusätzliche Vorsorge für Schwangere, Kinder und Jugendliche</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-adb6" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Haushaltshilfe, kostenlose Erstbrille für Kinder &amp; Jugendliche</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-4d7a" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Homöopathie, Osteopathie und alternative Medikamente</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-f9b1" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Erweiterte Schutz- und Reiseimpfungen</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-ec5b" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Die günstigste deutschlandweite Krankenkasse: bis zu 579 € sparen</span>
                            </li>
                        </ul>
                        <div class="stage-insert-audience__cta">
                            <a class="button stage-insert-audience__button button--red" id="button-46be" href="#">Jetzt Mitglied werden
</a>
                        </div>
                    </div>
                </li>
                <li class="stage-insert-audience__menu-item">
                    <div class="stage-insert-audience__menu-item-header">
                        <svg class="icon stage-insert-audience__menu-icon icon--company icon--before" id="icon-35a2" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-company"></use>
</svg> Arbeitgeber
                    </div>
                    <div class="stage-insert-audience__tab">
                        <h1 class="headline headline--headline-1">hkk-Kunden schätzen das herausragende Verhältnis von Preis und Leistung. Firmen profitieren von kompetentem Service und aktuellen Informationen.
                        </h1>
                        <ul class="stage-insert-audience__list">
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-7f44" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Die günstigste deutschlandweite Krankenkasse</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-3adf" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Extraleistungen im Wert von mehr als 1000 Euro</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-3a5d" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Persönliche Betreuung</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-d43f" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Kostenlose Jahreswechselseminare</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-a88e" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Betriebliches Gesundheitsmanagement</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="stage-insert-audience__menu-item">
                    <div class="stage-insert-audience__menu-item-header">
                        <svg class="icon stage-insert-audience__menu-icon icon--user icon--before" id="icon-089d" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-user"></use>
</svg> Weitere
                    </div>
                    <div class="stage-insert-audience__tab">
                        <h1 class="headline headline--headline-1">Umfassender Versicherungsschutz für Beamte und Pensionäre, Rentner und Freiwillig Versicherte
                        </h1>
                        <ul class="stage-insert-audience__list">
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-8d43" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Arztterminservice: schnell und einfach zum nächsten Termin</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-8696" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Attraktives Bonusprogramm</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-8c7f" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Gesundheitskurse vor Ort und online</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-a0fa" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Die günstigste deutschlandweite Krankenkasse</span>
                            </li>
                            <li class="stage-insert-audience__list-item">
                                <svg class="icon stage-insert-audience__list-icon icon--checkmark-circle icon--before" id="icon-7921" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-checkmark-circle"></use>
</svg><span class="stage-insert-audience__list-item-text">Umfangreiche Vorsorgeangebote</span>
                            </li>
                        </ul>
                        <div class="stage-insert-audience__cta">
                            <a class="button stage-insert-audience__button button--red" id="button-1b27" href="#">Jetzt Mitglied werden
</a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
-
  //- Prepare attr object
  attr = attr || {};
  attr.class = classList(attr.class);

//- Render breaker
.breaker-audience&attributes(attr)
  .breaker-audience__inner
    if use
      != include(`@${use}`, settings)
{
  "use": "stage-insert-audience"
}
  • Content:
    .breaker-audience {
      margin-bottom: 5rem;
      margin-top: 4rem;
    
      @include mq($from: m) {
        background: linear-gradient(to right, $color-blue 0%, $color-blue 50%, $color-steelgrey-light 50%, $color-steelgrey-light 100%);
        padding-right: 0;
      }
    }
    
    .breaker-audience__inner {
      @include make-container();
    
      padding-right: 0;
    
      @include mq($until: m) {
        padding-left: 0;
        padding-right: 0;
      }
    
      @include mq($from: m) {
        padding-right: 0;
      }
    }
    
  • URL: /components/raw/breaker-audience/breaker-audience.scss
  • Filesystem Path: src/components/organisms/breaker-audience/breaker-audience.scss
  • Size: 459 Bytes
  • Handle: @breaker-audience
  • Preview:
  • Filesystem Path: src/components/organisms/breaker-audience/breaker-audience.pug

There are no notes for this item.