hkk Frontend 2017

Störer (Zielgruppen) 

<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-83c1" 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-654d" 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-804b" 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-3dfb" 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-139f" 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-9518" 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-3b77" 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-5ef2" 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-96c2" 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-1f89" 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-c843" 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-8bfa" href="#">Jetzt Mitglied werden
</a>
                            <a class="button stage-insert-audience__button button--blue" id="button-2c2d" 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-4f8a" 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-cedd" 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-7ba2" 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-32be" 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-dda8" 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-ecfb" 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-b095" 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-b542" 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-3bb5" 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-c5a6" 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-7497" 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-f77a" 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-b80a" href="#">Jetzt Mitglied werden
</a>
                            <a class="button stage-insert-audience__button button--blue" id="button-981b" 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-e16f" 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-a8c9" 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-fe83" 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-4f21" 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-c874" 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-20c8" 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-a004" 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-92ef" 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-fe61" 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-1b8e" 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-d827" 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-33c6" 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-fee6" 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-9a15" 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-dce1" 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-a73c" 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-5e28" 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-6647" 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-3cdb" 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-06f9" 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-cec5" 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-cccc" 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-7d38" 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-650d" 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-83d4" 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-0bd8" 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-25e1" 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-f2a6" 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-b461" 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-838b" 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-82a3" 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-16e8" 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-6c83" 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-af51" 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.