<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-2a44" 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-b5a5" 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-8fe2" 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-4bda" 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-dcdb" 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-129a" 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-6fb8" 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-b568" 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-ebc4" 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-c5d9" 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-e544" 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-023b" href="#">Jetzt Mitglied werden
</a>
                            <a class="button stage-insert-audience__button button--blue" id="button-7877" 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-7264" 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-bbcf" 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-bd0b" 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-cb2f" 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-fa41" 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-9a6b" 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-0a42" 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-a9d9" 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-da6d" 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-903a" 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-5a9a" 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-c537" 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-dcd5" href="#">Jetzt Mitglied werden
</a>
                            <a class="button stage-insert-audience__button button--blue" id="button-6c65" 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-9e02" 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-99b7" 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-4e86" 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-be69" 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-1815" 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-265f" 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-973c" 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-f99c" 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-b936" 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-3eb9" 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-4bc4" 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-49a1" 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-fe76" 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-4e89" 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-77d5" 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-7d26" 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-5fb7" 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-c843" 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-34c9" 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-bbcb" 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-65a8" 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-af26" 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-0318" 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-b3f9" 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-c7e5" 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-bf49" 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-2923" 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-e3ee" 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-09f6" 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-56c6" 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-47e6" 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-8942" 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-acd5" 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-343f" 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.