<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-d63a" 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-e0ee" 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-a6d4" 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-7fed" 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-a12e" 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-1d87" 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-badc" 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-0452" 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-97a4" 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-97cb" 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-ea46" 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-da2e" href="#">Jetzt Mitglied werden
</a>
                            <a class="button stage-insert-audience__button button--blue" id="button-22ee" 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-61c3" 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-7231" 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-4d6c" 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-b6a9" 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-da17" 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-05d5" 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-e92e" 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-49b6" 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-e12e" 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-16fd" 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-1dcf" 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-7767" 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-0a76" href="#">Jetzt Mitglied werden
</a>
                            <a class="button stage-insert-audience__button button--blue" id="button-3da7" 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-c9aa" 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-4a2e" 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-a66d" 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-08b8" 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-d7f9" 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-cf5b" 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-f30d" 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-0f9e" 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-a0e5" 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-13db" 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-082a" 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-41bf" 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-15c8" 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-1718" 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-c4ee" 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-db06" 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-6582" 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-e171" 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-5bd6" 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-6361" 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-779c" 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-a5ab" 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-9c9a" 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-5fa1" 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-d98b" 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-a373" 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-e866" 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-3e31" 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-14dd" 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-d40b" 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-ab5c" 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-78df" 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-a221" 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-f085" 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.