PSI Software SE Design Library

Feature Section

No notes defined.

<!-- Default -->
<div class="featureSection">

    <h2 class="featureSection-title">Ich bin der Titel</h2>

    <div class="featureSection-features">
        <div class="featureList">

            <ul class="featureList-list">
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Four loko disrupt jean shorts</strong>
                        <span class="featureList-description">
                            <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M0.979156 7.21216H23.0208" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675" stroke="black" />
                                <path d="M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675" stroke="black" />
                                <path d="M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675" stroke="black" />
                                <path d="M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675" stroke="black" />
                                <path d="M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675" stroke="black" />
                                <path d="M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675" stroke="black" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Hashtag four loko skateboard chillwave deep</strong>
                        <span class="featureList-description">
                            <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
                            <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Mit nicht definiertem Piktogramm</strong>
                        <span class="featureList-description">
                            <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                        </span>
                    </div>

                </li>
            </ul>

        </div>

    </div>

    <div class="featureSection-ctas">
        <a href="#" class="button"><svg class="icon is-arrow-right">
                <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
            </svg>
            <span class="button-label">Hier klicken!</span></a>

        <a href="#" class="button is-secondary"><svg class="icon is-arrow-right">
                <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
            </svg>
            <span class="button-label">Oder hier klicken!</span></a>

    </div>

</div>


<!-- Small -->
<div class="featureSection has-backdrop" data-theme="dark">

    <h2 class="featureSection-title">Ich bin der Titel</h2>

    <div class="featureSection-features">
        <div class="featureList is-small">

            <ul class="featureList-list">
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Four loko disrupt jean shorts</strong>
                        <span class="featureList-description">
                            <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M0.979156 7.21216H23.0208" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675" stroke="black" />
                                <path d="M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675" stroke="black" />
                                <path d="M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675" stroke="black" />
                                <path d="M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675" stroke="black" />
                                <path d="M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675" stroke="black" />
                                <path d="M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675" stroke="black" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Hashtag four loko skateboard chillwave deep</strong>
                        <span class="featureList-description">
                            <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Mit nicht definiertem Piktogramm</strong>
                        <span class="featureList-description">
                            <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk.</p>
                            <p>Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz.</p>
                        </span>
                    </div>

                </li>
            </ul>

        </div>

    </div>

    <div class="featureSection-ctas">
        <a href="#" class="button"><svg class="icon is-arrow-right">
                <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
            </svg>
            <span class="button-label">Hier klicken!</span></a>

        <a href="#" class="button is-secondary"><svg class="icon is-arrow-right">
                <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
            </svg>
            <span class="button-label">Oder hier klicken!</span></a>

    </div>

</div>


<!-- With Header -->
<div class="featureSection">

    <header class="featureSection-header">
        <div class="featureSection-header-figure">
            <figure class="figure" style="">

                <img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Alternative Bildbeschreibung" />

                <figcaption class="figure-caption" data-floating="true" data-hidden="true"><button tabindex="0"></button> <small class="figure-copyright">Foto von <a class="link" href="https://unsplash.com/de/@ssergiomedinaa?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Sergio Medina</a></small></figcaption>

            </figure>

        </div>
        <div class="featureSection-header-text">
            <h2 class="featureSection-header-title">Ich bin der Titel</h2>

            <div class="featureSection-header-description">
                <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

            </div>
        </div>
    </header>

    <div class="featureSection-features">
        <div class="featureList is-x-small">

            <ul class="featureList-list">
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Four loko disrupt jean shorts</strong>
                        <span class="featureList-description">
                            <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M0.979156 7.21216H23.0208" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675" stroke="black" />
                                <path d="M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675" stroke="black" />
                                <path d="M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675" stroke="black" />
                                <path d="M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675" stroke="black" />
                                <path d="M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675" stroke="black" />
                                <path d="M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675" stroke="black" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Hashtag four loko skateboard chillwave deep</strong>
                        <span class="featureList-description">
                            <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Mit nicht definiertem Piktogramm</strong>
                        <span class="featureList-description">
                            <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk.</p>
                            <p>Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz.</p>
                        </span>
                    </div>

                </li>
            </ul>

        </div>

    </div>

</div>


<!-- Large -->
<div class="featureSection">

    <h2 class="featureSection-title">Ich bin der Titel</h2>

    <div class="featureSection-features">
        <div class="featureList is-large">

            <ul class="featureList-list">
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Ich bin das Label</strong>
                        <span class="featureList-description">
                            <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M19.5919 7.41247C19.4839 7.63947 19.4248 7.88661 19.4183 8.13791C19.4119 8.38921 19.4583 8.63907 19.5545 8.87131C19.6507 9.10356 19.7946 9.31302 19.9768 9.48614C20.1591 9.65927 20.3757 9.7922 20.6126 9.87634L21.8248 10.3076C22.1747 10.4318 22.4775 10.6612 22.6916 10.9644C22.9057 11.2677 23.0207 11.6298 23.0207 12.001C23.0207 12.3722 22.9057 12.7343 22.6916 13.0375C22.4775 13.3407 22.1747 13.5702 21.8248 13.6943L20.6126 14.1256C20.3757 14.2097 20.1591 14.3427 19.9768 14.5158C19.7946 14.6889 19.6507 14.8984 19.5545 15.1306C19.4583 15.3629 19.4119 15.6127 19.4183 15.864C19.4248 16.1153 19.4839 16.3625 19.5919 16.5895L20.1458 17.75C20.306 18.0853 20.3582 18.462 20.2954 18.8283C20.2326 19.1945 20.0577 19.5322 19.795 19.795C19.5322 20.0577 19.1945 20.2326 18.8283 20.2954C18.462 20.3582 18.0853 20.306 17.75 20.1458L16.5876 19.5938C16.3605 19.4858 16.1134 19.4267 15.8621 19.4203C15.6108 19.4138 15.361 19.4602 15.1287 19.5564C14.8965 19.6526 14.687 19.7965 14.5139 19.9787C14.3407 20.161 14.2078 20.3776 14.1237 20.6145L13.6924 21.8268C13.5681 22.1763 13.3386 22.4787 13.0355 22.6926C12.7324 22.9064 12.3705 23.0213 11.9995 23.0213C11.6286 23.0213 11.2667 22.9064 10.9636 22.6926C10.6605 22.4787 10.431 22.1763 10.3066 21.8268L9.87538 20.6145C9.79114 20.3776 9.6581 20.161 9.48489 19.9787C9.31167 19.7964 9.10212 19.6525 8.86981 19.5563C8.63749 19.4601 8.38756 19.4138 8.1362 19.4202C7.88483 19.4267 7.63762 19.4858 7.41055 19.5938L6.25001 20.1458C5.91471 20.3066 5.53777 20.3593 5.17123 20.2967C4.80469 20.2341 4.46661 20.0593 4.20368 19.7963C3.94074 19.5334 3.7659 19.1953 3.7033 18.8288C3.6407 18.4622 3.69341 18.0853 3.85418 17.75L4.40618 16.5876C4.51417 16.3605 4.57331 16.1134 4.57976 15.8621C4.58621 15.6108 4.53984 15.361 4.44363 15.1287C4.34743 14.8965 4.20354 14.687 4.02128 14.5139C3.83901 14.3407 3.62243 14.2078 3.38555 14.1237L2.17326 13.6924C1.82343 13.5683 1.52065 13.3388 1.30651 13.0356C1.09238 12.7324 0.977417 12.3703 0.977417 11.9991C0.977417 11.6278 1.09238 11.2657 1.30651 10.9625C1.52065 10.6593 1.82343 10.4298 2.17326 10.3057L3.38555 9.87443C3.62218 9.79025 3.83853 9.65738 4.02062 9.48439C4.20271 9.3114 4.34648 9.10214 4.44267 8.87013C4.53885 8.63812 4.5853 8.38851 4.57901 8.13743C4.57273 7.88635 4.51385 7.63938 4.40618 7.41247L3.85418 6.25001C3.69341 5.91471 3.6407 5.53777 3.7033 5.17123C3.7659 4.80469 3.94074 4.46662 4.20368 4.20368C4.46661 3.94074 4.80469 3.7659 5.17123 3.7033C5.53777 3.6407 5.91471 3.69341 6.25001 3.85418L7.41247 4.40618C7.63932 4.5139 7.88624 4.57287 8.13729 4.57929C8.38835 4.58571 8.63795 4.53944 8.87002 4.44345C9.10209 4.34746 9.31146 4.2039 9.48462 4.02201C9.65779 3.84013 9.7909 3.62397 9.87538 3.38747L10.3066 2.17518C10.431 1.82568 10.6605 1.52324 10.9636 1.30937C11.2667 1.0955 11.6286 0.980682 11.9995 0.980682C12.3705 0.980682 12.7324 1.0955 13.0355 1.30937C13.3386 1.52324 13.5681 1.82568 13.6924 2.17518L14.1237 3.38747C14.2078 3.62435 14.3407 3.84093 14.5139 4.02319C14.687 4.20546 14.8965 4.34935 15.1287 4.44555C15.361 4.54176 15.6108 4.58813 15.8621 4.58168C16.1134 4.57523 16.3605 4.51609 16.5876 4.40809L17.75 3.85418C18.0853 3.69404 18.462 3.64179 18.8283 3.70462C19.1945 3.76746 19.5322 3.94229 19.795 4.20504C20.0577 4.46779 20.2326 4.80553 20.2954 5.17176C20.3582 5.538 20.306 5.9147 20.1458 6.25001L19.5919 7.41247Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M7.68655 12.0009C7.68655 13.1447 8.14091 14.2416 8.94966 15.0503C9.75841 15.8591 10.8553 16.3134 11.9991 16.3134C13.1428 16.3134 14.2397 15.8591 15.0485 15.0503C15.8572 14.2416 16.3116 13.1447 16.3116 12.0009C16.3116 10.8572 15.8572 9.7603 15.0485 8.95155C14.2397 8.1428 13.1428 7.68845 11.9991 7.68845C10.8553 7.68845 9.75841 8.1428 8.94966 8.95155C8.14091 9.7603 7.68655 10.8572 7.68655 12.0009Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Ich bin das Label</strong>
                        <span class="featureList-description">
                            <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M0.979156 7.21216H23.0208" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675" stroke="black" />
                                <path d="M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675" stroke="black" />
                                <path d="M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675" stroke="black" />
                                <path d="M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675" stroke="black" />
                                <path d="M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675" stroke="black" />
                                <path d="M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675" stroke="black" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Ich ein ziemlich langer Text für ein Label</strong>
                        <span class="featureList-description">
                            <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12.3095 5.05496C12.3514 4.9813 12.412 4.92005 12.4852 4.87746C12.5585 4.83487 12.6417 4.81245 12.7264 4.8125H15.1289C15.2139 4.81245 15.2974 4.835 15.3708 4.87784C15.4442 4.92069 15.5049 4.98228 15.5466 5.05631C15.5884 5.13033 15.6097 5.21413 15.6084 5.29911C15.607 5.38408 15.5831 5.46718 15.5391 5.53988L13.081 9.60417H15.6014C15.6949 9.60412 15.7863 9.63141 15.8645 9.68269C15.9427 9.73397 16.0041 9.80699 16.0413 9.89275C16.0785 9.97852 16.0897 10.0733 16.0737 10.1654C16.0577 10.2575 16.0151 10.3429 15.9512 10.4111L9.95778 16.8041C9.91966 16.8449 9.8685 16.8711 9.81312 16.8782C9.75774 16.8853 9.70163 16.8728 9.65447 16.8429C9.60732 16.813 9.57208 16.7676 9.55484 16.7145C9.53761 16.6614 9.53946 16.604 9.56007 16.5521L11.5419 11.5208H9.46807C9.38422 11.5209 9.30182 11.4989 9.22912 11.4571C9.15641 11.4154 9.09594 11.3553 9.05374 11.2828C9.01154 11.2103 8.9891 11.1281 8.98865 11.0442C8.98821 10.9604 9.00977 10.8779 9.0512 10.805L12.3095 5.05496Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M1.9375 4.11771V11.4365C1.96566 13.8548 2.73635 16.2061 4.1452 18.1719C5.55405 20.1376 7.53299 21.623 9.81404 22.4267L10.8883 22.8234C11.606 23.087 12.394 23.087 13.1117 22.8234L14.186 22.4267C16.467 21.623 18.446 20.1376 19.8548 18.1719C21.2637 16.2061 22.0343 13.8548 22.0625 11.4365V4.11771C22.0615 3.83016 21.9762 3.54922 21.8171 3.30971C21.658 3.0702 21.4321 2.88264 21.1674 2.77029C18.2643 1.55911 15.1455 0.949769 12 0.979164C8.85448 0.949769 5.73572 1.55911 2.83258 2.77029C2.5679 2.88264 2.342 3.0702 2.18289 3.30971C2.02379 3.54922 1.93846 3.83016 1.9375 4.11771Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Ich bin das Label</strong>
                        <span class="featureList-description">
                            <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Mit nicht definiertem Piktogramm</strong>
                        <span class="featureList-description">
                            <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                        </span>
                    </div>

                </li>
            </ul>

        </div>

    </div>

    <div class="featureSection-ctas">
        <a href="#" class="button"><svg class="icon is-arrow-right">
                <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
            </svg>
            <span class="button-label">Hier klicken!</span></a>

        <a href="#" class="button is-secondary"><svg class="icon is-arrow-right">
                <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
            </svg>
            <span class="button-label">Oder hier klicken!</span></a>

    </div>

</div>


<!-- Large Dark -->
<div class="featureSection has-backdrop" data-theme="dark">

    <h2 class="featureSection-title">Ich bin der Titel</h2>

    <div class="featureSection-features">
        <div class="featureList is-large">

            <ul class="featureList-list">
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Ich bin das Label</strong>
                        <span class="featureList-description">
                            <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M19.5919 7.41247C19.4839 7.63947 19.4248 7.88661 19.4183 8.13791C19.4119 8.38921 19.4583 8.63907 19.5545 8.87131C19.6507 9.10356 19.7946 9.31302 19.9768 9.48614C20.1591 9.65927 20.3757 9.7922 20.6126 9.87634L21.8248 10.3076C22.1747 10.4318 22.4775 10.6612 22.6916 10.9644C22.9057 11.2677 23.0207 11.6298 23.0207 12.001C23.0207 12.3722 22.9057 12.7343 22.6916 13.0375C22.4775 13.3407 22.1747 13.5702 21.8248 13.6943L20.6126 14.1256C20.3757 14.2097 20.1591 14.3427 19.9768 14.5158C19.7946 14.6889 19.6507 14.8984 19.5545 15.1306C19.4583 15.3629 19.4119 15.6127 19.4183 15.864C19.4248 16.1153 19.4839 16.3625 19.5919 16.5895L20.1458 17.75C20.306 18.0853 20.3582 18.462 20.2954 18.8283C20.2326 19.1945 20.0577 19.5322 19.795 19.795C19.5322 20.0577 19.1945 20.2326 18.8283 20.2954C18.462 20.3582 18.0853 20.306 17.75 20.1458L16.5876 19.5938C16.3605 19.4858 16.1134 19.4267 15.8621 19.4203C15.6108 19.4138 15.361 19.4602 15.1287 19.5564C14.8965 19.6526 14.687 19.7965 14.5139 19.9787C14.3407 20.161 14.2078 20.3776 14.1237 20.6145L13.6924 21.8268C13.5681 22.1763 13.3386 22.4787 13.0355 22.6926C12.7324 22.9064 12.3705 23.0213 11.9995 23.0213C11.6286 23.0213 11.2667 22.9064 10.9636 22.6926C10.6605 22.4787 10.431 22.1763 10.3066 21.8268L9.87538 20.6145C9.79114 20.3776 9.6581 20.161 9.48489 19.9787C9.31167 19.7964 9.10212 19.6525 8.86981 19.5563C8.63749 19.4601 8.38756 19.4138 8.1362 19.4202C7.88483 19.4267 7.63762 19.4858 7.41055 19.5938L6.25001 20.1458C5.91471 20.3066 5.53777 20.3593 5.17123 20.2967C4.80469 20.2341 4.46661 20.0593 4.20368 19.7963C3.94074 19.5334 3.7659 19.1953 3.7033 18.8288C3.6407 18.4622 3.69341 18.0853 3.85418 17.75L4.40618 16.5876C4.51417 16.3605 4.57331 16.1134 4.57976 15.8621C4.58621 15.6108 4.53984 15.361 4.44363 15.1287C4.34743 14.8965 4.20354 14.687 4.02128 14.5139C3.83901 14.3407 3.62243 14.2078 3.38555 14.1237L2.17326 13.6924C1.82343 13.5683 1.52065 13.3388 1.30651 13.0356C1.09238 12.7324 0.977417 12.3703 0.977417 11.9991C0.977417 11.6278 1.09238 11.2657 1.30651 10.9625C1.52065 10.6593 1.82343 10.4298 2.17326 10.3057L3.38555 9.87443C3.62218 9.79025 3.83853 9.65738 4.02062 9.48439C4.20271 9.3114 4.34648 9.10214 4.44267 8.87013C4.53885 8.63812 4.5853 8.38851 4.57901 8.13743C4.57273 7.88635 4.51385 7.63938 4.40618 7.41247L3.85418 6.25001C3.69341 5.91471 3.6407 5.53777 3.7033 5.17123C3.7659 4.80469 3.94074 4.46662 4.20368 4.20368C4.46661 3.94074 4.80469 3.7659 5.17123 3.7033C5.53777 3.6407 5.91471 3.69341 6.25001 3.85418L7.41247 4.40618C7.63932 4.5139 7.88624 4.57287 8.13729 4.57929C8.38835 4.58571 8.63795 4.53944 8.87002 4.44345C9.10209 4.34746 9.31146 4.2039 9.48462 4.02201C9.65779 3.84013 9.7909 3.62397 9.87538 3.38747L10.3066 2.17518C10.431 1.82568 10.6605 1.52324 10.9636 1.30937C11.2667 1.0955 11.6286 0.980682 11.9995 0.980682C12.3705 0.980682 12.7324 1.0955 13.0355 1.30937C13.3386 1.52324 13.5681 1.82568 13.6924 2.17518L14.1237 3.38747C14.2078 3.62435 14.3407 3.84093 14.5139 4.02319C14.687 4.20546 14.8965 4.34935 15.1287 4.44555C15.361 4.54176 15.6108 4.58813 15.8621 4.58168C16.1134 4.57523 16.3605 4.51609 16.5876 4.40809L17.75 3.85418C18.0853 3.69404 18.462 3.64179 18.8283 3.70462C19.1945 3.76746 19.5322 3.94229 19.795 4.20504C20.0577 4.46779 20.2326 4.80553 20.2954 5.17176C20.3582 5.538 20.306 5.9147 20.1458 6.25001L19.5919 7.41247Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M7.68655 12.0009C7.68655 13.1447 8.14091 14.2416 8.94966 15.0503C9.75841 15.8591 10.8553 16.3134 11.9991 16.3134C13.1428 16.3134 14.2397 15.8591 15.0485 15.0503C15.8572 14.2416 16.3116 13.1447 16.3116 12.0009C16.3116 10.8572 15.8572 9.7603 15.0485 8.95155C14.2397 8.1428 13.1428 7.68845 11.9991 7.68845C10.8553 7.68845 9.75841 8.1428 8.94966 8.95155C8.14091 9.7603 7.68655 10.8572 7.68655 12.0009Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Ich bin das Label</strong>
                        <span class="featureList-description">
                            <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M0.979156 7.21216H23.0208" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675" stroke="black" />
                                <path d="M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675" stroke="black" />
                                <path d="M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675" stroke="black" />
                                <path d="M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675" stroke="black" />
                                <path d="M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675" stroke="black" />
                                <path d="M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675" stroke="black" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Ich ein ziemlich langer Text für ein Label</strong>
                        <span class="featureList-description">
                            <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12.3095 5.05496C12.3514 4.9813 12.412 4.92005 12.4852 4.87746C12.5585 4.83487 12.6417 4.81245 12.7264 4.8125H15.1289C15.2139 4.81245 15.2974 4.835 15.3708 4.87784C15.4442 4.92069 15.5049 4.98228 15.5466 5.05631C15.5884 5.13033 15.6097 5.21413 15.6084 5.29911C15.607 5.38408 15.5831 5.46718 15.5391 5.53988L13.081 9.60417H15.6014C15.6949 9.60412 15.7863 9.63141 15.8645 9.68269C15.9427 9.73397 16.0041 9.80699 16.0413 9.89275C16.0785 9.97852 16.0897 10.0733 16.0737 10.1654C16.0577 10.2575 16.0151 10.3429 15.9512 10.4111L9.95778 16.8041C9.91966 16.8449 9.8685 16.8711 9.81312 16.8782C9.75774 16.8853 9.70163 16.8728 9.65447 16.8429C9.60732 16.813 9.57208 16.7676 9.55484 16.7145C9.53761 16.6614 9.53946 16.604 9.56007 16.5521L11.5419 11.5208H9.46807C9.38422 11.5209 9.30182 11.4989 9.22912 11.4571C9.15641 11.4154 9.09594 11.3553 9.05374 11.2828C9.01154 11.2103 8.9891 11.1281 8.98865 11.0442C8.98821 10.9604 9.00977 10.8779 9.0512 10.805L12.3095 5.05496Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M1.9375 4.11771V11.4365C1.96566 13.8548 2.73635 16.2061 4.1452 18.1719C5.55405 20.1376 7.53299 21.623 9.81404 22.4267L10.8883 22.8234C11.606 23.087 12.394 23.087 13.1117 22.8234L14.186 22.4267C16.467 21.623 18.446 20.1376 19.8548 18.1719C21.2637 16.2061 22.0343 13.8548 22.0625 11.4365V4.11771C22.0615 3.83016 21.9762 3.54922 21.8171 3.30971C21.658 3.0702 21.4321 2.88264 21.1674 2.77029C18.2643 1.55911 15.1455 0.949769 12 0.979164C8.85448 0.949769 5.73572 1.55911 2.83258 2.77029C2.5679 2.88264 2.342 3.0702 2.18289 3.30971C2.02379 3.54922 1.93846 3.83016 1.9375 4.11771Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>

                        </span>

                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Ich bin das Label</strong>
                        <span class="featureList-description">
                            <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                        </span>
                    </div>

                </li>
                <li class="featureList-item">

                    <span class="featureList-pictogram">
                    </span>

                    <div class="featureList-text">
                        <strong class=featureList-label>Mit nicht definiertem Piktogramm</strong>
                        <span class="featureList-description">
                            <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                        </span>
                    </div>

                </li>
            </ul>

        </div>

    </div>

    <div class="featureSection-ctas">
        <a href="#" class="button"><svg class="icon is-arrow-right">
                <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
            </svg>
            <span class="button-label">Hier klicken!</span></a>

        <a href="#" class="button is-secondary"><svg class="icon is-arrow-right">
                <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
            </svg>
            <span class="button-label">Oder hier klicken!</span></a>

    </div>

</div>


<!-- With Revealable Items -->
<div class="featureSection has-backdrop" data-theme="dark">

    <h2 class="featureSection-title">Ich bin der Titel</h2>

    <div class="featureSection-features">
        <details class="revealableContent has-pictogram">

            <summary class="revealableContent-summary">

                <span class="revealableContent-pictogram">
                    <span class="pictogram">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>

                    </span>

                </span>

                <strong class="revealableContent-summary-title">I’m the summary</strong>

                <span class="revealableContent-summary-description">
                    <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                </span>

                <span class="revealableContent-marker"></span>

            </summary>

            <div class="revealableContent-content">

                <div class="wrapper">
                    <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                </div>

            </div>

        </details>

        <details class="revealableContent has-pictogram">

            <summary class="revealableContent-summary">

                <span class="revealableContent-pictogram">
                    <span class="pictogram">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>

                    </span>

                </span>

                <strong class="revealableContent-summary-title">I’m the summary</strong>

                <span class="revealableContent-summary-description">
                    <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                </span>

                <span class="revealableContent-marker"></span>

            </summary>

            <div class="revealableContent-content">

                <div class="wrapper">
                    <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                </div>

            </div>

        </details>

        <details class="revealableContent has-pictogram">

            <summary class="revealableContent-summary">

                <span class="revealableContent-pictogram">
                    <span class="pictogram">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>

                    </span>

                </span>

                <strong class="revealableContent-summary-title">I’m the summary</strong>

                <span class="revealableContent-summary-description">
                    <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                </span>

                <span class="revealableContent-marker"></span>

            </summary>

            <div class="revealableContent-content">

                <div class="wrapper">
                    <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                </div>

            </div>

        </details>

    </div>

</div>


<!-- Doc Only -->
<section class="doc-variant">

    <header class="doc-variant-header">

        <h2 class="doc-variant-title">With Default Feature List</h2>

        <div class="doc-variant-configuration">
        </div>

    </header>

    <div class="featureSection">

        <h2 class="featureSection-title">Ich bin der Titel</h2>

        <div class="featureSection-features">
            <div class="featureList">

                <ul class="featureList-list">
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Four loko disrupt jean shorts</strong>
                            <span class="featureList-description">
                                <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M0.979156 7.21216H23.0208" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675" stroke="black" />
                                    <path d="M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675" stroke="black" />
                                    <path d="M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675" stroke="black" />
                                    <path d="M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675" stroke="black" />
                                    <path d="M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675" stroke="black" />
                                    <path d="M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675" stroke="black" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Hashtag four loko skateboard chillwave deep</strong>
                            <span class="featureList-description">
                                <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
                                <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Mit nicht definiertem Piktogramm</strong>
                            <span class="featureList-description">
                                <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                            </span>
                        </div>

                    </li>
                </ul>

            </div>

        </div>

        <div class="featureSection-ctas">
            <a href="#" class="button"><svg class="icon is-arrow-right">
                    <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
                </svg>
                <span class="button-label">Hier klicken!</span></a>

            <a href="#" class="button is-secondary"><svg class="icon is-arrow-right">
                    <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
                </svg>
                <span class="button-label">Oder hier klicken!</span></a>

        </div>

    </div>

</section>
<section class="doc-variant">

    <header class="doc-variant-header">

        <h2 class="doc-variant-title">With Small Feature List</h2>

        <div class="doc-variant-configuration">
        </div>

    </header>

    <div class="featureSection has-backdrop" data-theme="dark">

        <h2 class="featureSection-title">Ich bin der Titel</h2>

        <div class="featureSection-features">
            <div class="featureList is-small">

                <ul class="featureList-list">
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Four loko disrupt jean shorts</strong>
                            <span class="featureList-description">
                                <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M0.979156 7.21216H23.0208" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675" stroke="black" />
                                    <path d="M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675" stroke="black" />
                                    <path d="M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675" stroke="black" />
                                    <path d="M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675" stroke="black" />
                                    <path d="M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675" stroke="black" />
                                    <path d="M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675" stroke="black" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Hashtag four loko skateboard chillwave deep</strong>
                            <span class="featureList-description">
                                <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Mit nicht definiertem Piktogramm</strong>
                            <span class="featureList-description">
                                <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk.</p>
                                <p>Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz.</p>
                            </span>
                        </div>

                    </li>
                </ul>

            </div>

        </div>

        <div class="featureSection-ctas">
            <a href="#" class="button"><svg class="icon is-arrow-right">
                    <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
                </svg>
                <span class="button-label">Hier klicken!</span></a>

            <a href="#" class="button is-secondary"><svg class="icon is-arrow-right">
                    <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
                </svg>
                <span class="button-label">Oder hier klicken!</span></a>

        </div>

    </div>

</section>
<section class="doc-variant">

    <header class="doc-variant-header">

        <h2 class="doc-variant-title">With Header and Small Feature List</h2>

        <div class="doc-variant-configuration">
        </div>

    </header>

    <div class="featureSection">

        <header class="featureSection-header">
            <div class="featureSection-header-figure">
                <figure class="figure" style="">

                    <img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Alternative Bildbeschreibung" />

                    <figcaption class="figure-caption" data-floating="true" data-hidden="true"><button tabindex="0"></button> <small class="figure-copyright">Foto von <a class="link" href="https://unsplash.com/de/@ssergiomedinaa?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Sergio Medina</a></small></figcaption>

                </figure>

            </div>
            <div class="featureSection-header-text">
                <h2 class="featureSection-header-title">Ich bin der Titel</h2>

                <div class="featureSection-header-description">
                    <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                </div>
            </div>
        </header>

        <div class="featureSection-features">
            <div class="featureList is-x-small">

                <ul class="featureList-list">
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Four loko disrupt jean shorts</strong>
                            <span class="featureList-description">
                                <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M0.979156 7.21216H23.0208" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675" stroke="black" />
                                    <path d="M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675" stroke="black" />
                                    <path d="M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675" stroke="black" />
                                    <path d="M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675" stroke="black" />
                                    <path d="M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675" stroke="black" />
                                    <path d="M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675" stroke="black" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Hashtag four loko skateboard chillwave deep</strong>
                            <span class="featureList-description">
                                <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Mit nicht definiertem Piktogramm</strong>
                            <span class="featureList-description">
                                <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk.</p>
                                <p>Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz.</p>
                            </span>
                        </div>

                    </li>
                </ul>

            </div>

        </div>

    </div>

</section>
<section class="doc-variant">

    <header class="doc-variant-header">

        <h2 class="doc-variant-title">With Large Feature List</h2>

        <div class="doc-variant-configuration">
        </div>

    </header>

    <div class="featureSection">

        <h2 class="featureSection-title">Ich bin der Titel</h2>

        <div class="featureSection-features">
            <div class="featureList is-large">

                <ul class="featureList-list">
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Ich bin das Label</strong>
                            <span class="featureList-description">
                                <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M19.5919 7.41247C19.4839 7.63947 19.4248 7.88661 19.4183 8.13791C19.4119 8.38921 19.4583 8.63907 19.5545 8.87131C19.6507 9.10356 19.7946 9.31302 19.9768 9.48614C20.1591 9.65927 20.3757 9.7922 20.6126 9.87634L21.8248 10.3076C22.1747 10.4318 22.4775 10.6612 22.6916 10.9644C22.9057 11.2677 23.0207 11.6298 23.0207 12.001C23.0207 12.3722 22.9057 12.7343 22.6916 13.0375C22.4775 13.3407 22.1747 13.5702 21.8248 13.6943L20.6126 14.1256C20.3757 14.2097 20.1591 14.3427 19.9768 14.5158C19.7946 14.6889 19.6507 14.8984 19.5545 15.1306C19.4583 15.3629 19.4119 15.6127 19.4183 15.864C19.4248 16.1153 19.4839 16.3625 19.5919 16.5895L20.1458 17.75C20.306 18.0853 20.3582 18.462 20.2954 18.8283C20.2326 19.1945 20.0577 19.5322 19.795 19.795C19.5322 20.0577 19.1945 20.2326 18.8283 20.2954C18.462 20.3582 18.0853 20.306 17.75 20.1458L16.5876 19.5938C16.3605 19.4858 16.1134 19.4267 15.8621 19.4203C15.6108 19.4138 15.361 19.4602 15.1287 19.5564C14.8965 19.6526 14.687 19.7965 14.5139 19.9787C14.3407 20.161 14.2078 20.3776 14.1237 20.6145L13.6924 21.8268C13.5681 22.1763 13.3386 22.4787 13.0355 22.6926C12.7324 22.9064 12.3705 23.0213 11.9995 23.0213C11.6286 23.0213 11.2667 22.9064 10.9636 22.6926C10.6605 22.4787 10.431 22.1763 10.3066 21.8268L9.87538 20.6145C9.79114 20.3776 9.6581 20.161 9.48489 19.9787C9.31167 19.7964 9.10212 19.6525 8.86981 19.5563C8.63749 19.4601 8.38756 19.4138 8.1362 19.4202C7.88483 19.4267 7.63762 19.4858 7.41055 19.5938L6.25001 20.1458C5.91471 20.3066 5.53777 20.3593 5.17123 20.2967C4.80469 20.2341 4.46661 20.0593 4.20368 19.7963C3.94074 19.5334 3.7659 19.1953 3.7033 18.8288C3.6407 18.4622 3.69341 18.0853 3.85418 17.75L4.40618 16.5876C4.51417 16.3605 4.57331 16.1134 4.57976 15.8621C4.58621 15.6108 4.53984 15.361 4.44363 15.1287C4.34743 14.8965 4.20354 14.687 4.02128 14.5139C3.83901 14.3407 3.62243 14.2078 3.38555 14.1237L2.17326 13.6924C1.82343 13.5683 1.52065 13.3388 1.30651 13.0356C1.09238 12.7324 0.977417 12.3703 0.977417 11.9991C0.977417 11.6278 1.09238 11.2657 1.30651 10.9625C1.52065 10.6593 1.82343 10.4298 2.17326 10.3057L3.38555 9.87443C3.62218 9.79025 3.83853 9.65738 4.02062 9.48439C4.20271 9.3114 4.34648 9.10214 4.44267 8.87013C4.53885 8.63812 4.5853 8.38851 4.57901 8.13743C4.57273 7.88635 4.51385 7.63938 4.40618 7.41247L3.85418 6.25001C3.69341 5.91471 3.6407 5.53777 3.7033 5.17123C3.7659 4.80469 3.94074 4.46662 4.20368 4.20368C4.46661 3.94074 4.80469 3.7659 5.17123 3.7033C5.53777 3.6407 5.91471 3.69341 6.25001 3.85418L7.41247 4.40618C7.63932 4.5139 7.88624 4.57287 8.13729 4.57929C8.38835 4.58571 8.63795 4.53944 8.87002 4.44345C9.10209 4.34746 9.31146 4.2039 9.48462 4.02201C9.65779 3.84013 9.7909 3.62397 9.87538 3.38747L10.3066 2.17518C10.431 1.82568 10.6605 1.52324 10.9636 1.30937C11.2667 1.0955 11.6286 0.980682 11.9995 0.980682C12.3705 0.980682 12.7324 1.0955 13.0355 1.30937C13.3386 1.52324 13.5681 1.82568 13.6924 2.17518L14.1237 3.38747C14.2078 3.62435 14.3407 3.84093 14.5139 4.02319C14.687 4.20546 14.8965 4.34935 15.1287 4.44555C15.361 4.54176 15.6108 4.58813 15.8621 4.58168C16.1134 4.57523 16.3605 4.51609 16.5876 4.40809L17.75 3.85418C18.0853 3.69404 18.462 3.64179 18.8283 3.70462C19.1945 3.76746 19.5322 3.94229 19.795 4.20504C20.0577 4.46779 20.2326 4.80553 20.2954 5.17176C20.3582 5.538 20.306 5.9147 20.1458 6.25001L19.5919 7.41247Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M7.68655 12.0009C7.68655 13.1447 8.14091 14.2416 8.94966 15.0503C9.75841 15.8591 10.8553 16.3134 11.9991 16.3134C13.1428 16.3134 14.2397 15.8591 15.0485 15.0503C15.8572 14.2416 16.3116 13.1447 16.3116 12.0009C16.3116 10.8572 15.8572 9.7603 15.0485 8.95155C14.2397 8.1428 13.1428 7.68845 11.9991 7.68845C10.8553 7.68845 9.75841 8.1428 8.94966 8.95155C8.14091 9.7603 7.68655 10.8572 7.68655 12.0009Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Ich bin das Label</strong>
                            <span class="featureList-description">
                                <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M0.979156 7.21216H23.0208" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675" stroke="black" />
                                    <path d="M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675" stroke="black" />
                                    <path d="M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675" stroke="black" />
                                    <path d="M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675" stroke="black" />
                                    <path d="M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675" stroke="black" />
                                    <path d="M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675" stroke="black" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Ich ein ziemlich langer Text für ein Label</strong>
                            <span class="featureList-description">
                                <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.3095 5.05496C12.3514 4.9813 12.412 4.92005 12.4852 4.87746C12.5585 4.83487 12.6417 4.81245 12.7264 4.8125H15.1289C15.2139 4.81245 15.2974 4.835 15.3708 4.87784C15.4442 4.92069 15.5049 4.98228 15.5466 5.05631C15.5884 5.13033 15.6097 5.21413 15.6084 5.29911C15.607 5.38408 15.5831 5.46718 15.5391 5.53988L13.081 9.60417H15.6014C15.6949 9.60412 15.7863 9.63141 15.8645 9.68269C15.9427 9.73397 16.0041 9.80699 16.0413 9.89275C16.0785 9.97852 16.0897 10.0733 16.0737 10.1654C16.0577 10.2575 16.0151 10.3429 15.9512 10.4111L9.95778 16.8041C9.91966 16.8449 9.8685 16.8711 9.81312 16.8782C9.75774 16.8853 9.70163 16.8728 9.65447 16.8429C9.60732 16.813 9.57208 16.7676 9.55484 16.7145C9.53761 16.6614 9.53946 16.604 9.56007 16.5521L11.5419 11.5208H9.46807C9.38422 11.5209 9.30182 11.4989 9.22912 11.4571C9.15641 11.4154 9.09594 11.3553 9.05374 11.2828C9.01154 11.2103 8.9891 11.1281 8.98865 11.0442C8.98821 10.9604 9.00977 10.8779 9.0512 10.805L12.3095 5.05496Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M1.9375 4.11771V11.4365C1.96566 13.8548 2.73635 16.2061 4.1452 18.1719C5.55405 20.1376 7.53299 21.623 9.81404 22.4267L10.8883 22.8234C11.606 23.087 12.394 23.087 13.1117 22.8234L14.186 22.4267C16.467 21.623 18.446 20.1376 19.8548 18.1719C21.2637 16.2061 22.0343 13.8548 22.0625 11.4365V4.11771C22.0615 3.83016 21.9762 3.54922 21.8171 3.30971C21.658 3.0702 21.4321 2.88264 21.1674 2.77029C18.2643 1.55911 15.1455 0.949769 12 0.979164C8.85448 0.949769 5.73572 1.55911 2.83258 2.77029C2.5679 2.88264 2.342 3.0702 2.18289 3.30971C2.02379 3.54922 1.93846 3.83016 1.9375 4.11771Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Ich bin das Label</strong>
                            <span class="featureList-description">
                                <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Mit nicht definiertem Piktogramm</strong>
                            <span class="featureList-description">
                                <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                            </span>
                        </div>

                    </li>
                </ul>

            </div>

        </div>

        <div class="featureSection-ctas">
            <a href="#" class="button"><svg class="icon is-arrow-right">
                    <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
                </svg>
                <span class="button-label">Hier klicken!</span></a>

            <a href="#" class="button is-secondary"><svg class="icon is-arrow-right">
                    <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
                </svg>
                <span class="button-label">Oder hier klicken!</span></a>

        </div>

    </div>

    <div class="featureSection has-backdrop" data-theme="dark">

        <h2 class="featureSection-title">Ich bin der Titel</h2>

        <div class="featureSection-features">
            <div class="featureList is-large">

                <ul class="featureList-list">
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Ich bin das Label</strong>
                            <span class="featureList-description">
                                <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M19.5919 7.41247C19.4839 7.63947 19.4248 7.88661 19.4183 8.13791C19.4119 8.38921 19.4583 8.63907 19.5545 8.87131C19.6507 9.10356 19.7946 9.31302 19.9768 9.48614C20.1591 9.65927 20.3757 9.7922 20.6126 9.87634L21.8248 10.3076C22.1747 10.4318 22.4775 10.6612 22.6916 10.9644C22.9057 11.2677 23.0207 11.6298 23.0207 12.001C23.0207 12.3722 22.9057 12.7343 22.6916 13.0375C22.4775 13.3407 22.1747 13.5702 21.8248 13.6943L20.6126 14.1256C20.3757 14.2097 20.1591 14.3427 19.9768 14.5158C19.7946 14.6889 19.6507 14.8984 19.5545 15.1306C19.4583 15.3629 19.4119 15.6127 19.4183 15.864C19.4248 16.1153 19.4839 16.3625 19.5919 16.5895L20.1458 17.75C20.306 18.0853 20.3582 18.462 20.2954 18.8283C20.2326 19.1945 20.0577 19.5322 19.795 19.795C19.5322 20.0577 19.1945 20.2326 18.8283 20.2954C18.462 20.3582 18.0853 20.306 17.75 20.1458L16.5876 19.5938C16.3605 19.4858 16.1134 19.4267 15.8621 19.4203C15.6108 19.4138 15.361 19.4602 15.1287 19.5564C14.8965 19.6526 14.687 19.7965 14.5139 19.9787C14.3407 20.161 14.2078 20.3776 14.1237 20.6145L13.6924 21.8268C13.5681 22.1763 13.3386 22.4787 13.0355 22.6926C12.7324 22.9064 12.3705 23.0213 11.9995 23.0213C11.6286 23.0213 11.2667 22.9064 10.9636 22.6926C10.6605 22.4787 10.431 22.1763 10.3066 21.8268L9.87538 20.6145C9.79114 20.3776 9.6581 20.161 9.48489 19.9787C9.31167 19.7964 9.10212 19.6525 8.86981 19.5563C8.63749 19.4601 8.38756 19.4138 8.1362 19.4202C7.88483 19.4267 7.63762 19.4858 7.41055 19.5938L6.25001 20.1458C5.91471 20.3066 5.53777 20.3593 5.17123 20.2967C4.80469 20.2341 4.46661 20.0593 4.20368 19.7963C3.94074 19.5334 3.7659 19.1953 3.7033 18.8288C3.6407 18.4622 3.69341 18.0853 3.85418 17.75L4.40618 16.5876C4.51417 16.3605 4.57331 16.1134 4.57976 15.8621C4.58621 15.6108 4.53984 15.361 4.44363 15.1287C4.34743 14.8965 4.20354 14.687 4.02128 14.5139C3.83901 14.3407 3.62243 14.2078 3.38555 14.1237L2.17326 13.6924C1.82343 13.5683 1.52065 13.3388 1.30651 13.0356C1.09238 12.7324 0.977417 12.3703 0.977417 11.9991C0.977417 11.6278 1.09238 11.2657 1.30651 10.9625C1.52065 10.6593 1.82343 10.4298 2.17326 10.3057L3.38555 9.87443C3.62218 9.79025 3.83853 9.65738 4.02062 9.48439C4.20271 9.3114 4.34648 9.10214 4.44267 8.87013C4.53885 8.63812 4.5853 8.38851 4.57901 8.13743C4.57273 7.88635 4.51385 7.63938 4.40618 7.41247L3.85418 6.25001C3.69341 5.91471 3.6407 5.53777 3.7033 5.17123C3.7659 4.80469 3.94074 4.46662 4.20368 4.20368C4.46661 3.94074 4.80469 3.7659 5.17123 3.7033C5.53777 3.6407 5.91471 3.69341 6.25001 3.85418L7.41247 4.40618C7.63932 4.5139 7.88624 4.57287 8.13729 4.57929C8.38835 4.58571 8.63795 4.53944 8.87002 4.44345C9.10209 4.34746 9.31146 4.2039 9.48462 4.02201C9.65779 3.84013 9.7909 3.62397 9.87538 3.38747L10.3066 2.17518C10.431 1.82568 10.6605 1.52324 10.9636 1.30937C11.2667 1.0955 11.6286 0.980682 11.9995 0.980682C12.3705 0.980682 12.7324 1.0955 13.0355 1.30937C13.3386 1.52324 13.5681 1.82568 13.6924 2.17518L14.1237 3.38747C14.2078 3.62435 14.3407 3.84093 14.5139 4.02319C14.687 4.20546 14.8965 4.34935 15.1287 4.44555C15.361 4.54176 15.6108 4.58813 15.8621 4.58168C16.1134 4.57523 16.3605 4.51609 16.5876 4.40809L17.75 3.85418C18.0853 3.69404 18.462 3.64179 18.8283 3.70462C19.1945 3.76746 19.5322 3.94229 19.795 4.20504C20.0577 4.46779 20.2326 4.80553 20.2954 5.17176C20.3582 5.538 20.306 5.9147 20.1458 6.25001L19.5919 7.41247Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M7.68655 12.0009C7.68655 13.1447 8.14091 14.2416 8.94966 15.0503C9.75841 15.8591 10.8553 16.3134 11.9991 16.3134C13.1428 16.3134 14.2397 15.8591 15.0485 15.0503C15.8572 14.2416 16.3116 13.1447 16.3116 12.0009C16.3116 10.8572 15.8572 9.7603 15.0485 8.95155C14.2397 8.1428 13.1428 7.68845 11.9991 7.68845C10.8553 7.68845 9.75841 8.1428 8.94966 8.95155C8.14091 9.7603 7.68655 10.8572 7.68655 12.0009Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Ich bin das Label</strong>
                            <span class="featureList-description">
                                <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M0.979156 7.21216H23.0208" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675" stroke="black" />
                                    <path d="M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675" stroke="black" />
                                    <path d="M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675" stroke="black" />
                                    <path d="M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675" stroke="black" />
                                    <path d="M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675" stroke="black" />
                                    <path d="M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675" stroke="black" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Ich ein ziemlich langer Text für ein Label</strong>
                            <span class="featureList-description">
                                <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                            <span class="pictogram">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.3095 5.05496C12.3514 4.9813 12.412 4.92005 12.4852 4.87746C12.5585 4.83487 12.6417 4.81245 12.7264 4.8125H15.1289C15.2139 4.81245 15.2974 4.835 15.3708 4.87784C15.4442 4.92069 15.5049 4.98228 15.5466 5.05631C15.5884 5.13033 15.6097 5.21413 15.6084 5.29911C15.607 5.38408 15.5831 5.46718 15.5391 5.53988L13.081 9.60417H15.6014C15.6949 9.60412 15.7863 9.63141 15.8645 9.68269C15.9427 9.73397 16.0041 9.80699 16.0413 9.89275C16.0785 9.97852 16.0897 10.0733 16.0737 10.1654C16.0577 10.2575 16.0151 10.3429 15.9512 10.4111L9.95778 16.8041C9.91966 16.8449 9.8685 16.8711 9.81312 16.8782C9.75774 16.8853 9.70163 16.8728 9.65447 16.8429C9.60732 16.813 9.57208 16.7676 9.55484 16.7145C9.53761 16.6614 9.53946 16.604 9.56007 16.5521L11.5419 11.5208H9.46807C9.38422 11.5209 9.30182 11.4989 9.22912 11.4571C9.15641 11.4154 9.09594 11.3553 9.05374 11.2828C9.01154 11.2103 8.9891 11.1281 8.98865 11.0442C8.98821 10.9604 9.00977 10.8779 9.0512 10.805L12.3095 5.05496Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M1.9375 4.11771V11.4365C1.96566 13.8548 2.73635 16.2061 4.1452 18.1719C5.55405 20.1376 7.53299 21.623 9.81404 22.4267L10.8883 22.8234C11.606 23.087 12.394 23.087 13.1117 22.8234L14.186 22.4267C16.467 21.623 18.446 20.1376 19.8548 18.1719C21.2637 16.2061 22.0343 13.8548 22.0625 11.4365V4.11771C22.0615 3.83016 21.9762 3.54922 21.8171 3.30971C21.658 3.0702 21.4321 2.88264 21.1674 2.77029C18.2643 1.55911 15.1455 0.949769 12 0.979164C8.85448 0.949769 5.73572 1.55911 2.83258 2.77029C2.5679 2.88264 2.342 3.0702 2.18289 3.30971C2.02379 3.54922 1.93846 3.83016 1.9375 4.11771Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>

                            </span>

                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Ich bin das Label</strong>
                            <span class="featureList-description">
                                <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
                            </span>
                        </div>

                    </li>
                    <li class="featureList-item">

                        <span class="featureList-pictogram">
                        </span>

                        <div class="featureList-text">
                            <strong class=featureList-label>Mit nicht definiertem Piktogramm</strong>
                            <span class="featureList-description">
                                <p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>
                            </span>
                        </div>

                    </li>
                </ul>

            </div>

        </div>

        <div class="featureSection-ctas">
            <a href="#" class="button"><svg class="icon is-arrow-right">
                    <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
                </svg>
                <span class="button-label">Hier klicken!</span></a>

            <a href="#" class="button is-secondary"><svg class="icon is-arrow-right">
                    <use href="../../icons/icons-bold.svg#icon--arrow-right" xlink:href="../../icons/icons-bold.svg#icon--arrow-right"></use>
                </svg>
                <span class="button-label">Oder hier klicken!</span></a>

        </div>

    </div>

</section>
<section class="doc-variant">

    <header class="doc-variant-header">

        <h2 class="doc-variant-title">With Revealable Items</h2>

        <div class="doc-variant-configuration">
        </div>

    </header>

    <div class="featureSection has-backdrop" data-theme="dark">

        <h2 class="featureSection-title">Ich bin der Titel</h2>

        <div class="featureSection-features">
            <details class="revealableContent has-pictogram">

                <summary class="revealableContent-summary">

                    <span class="revealableContent-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>

                        </span>

                    </span>

                    <strong class="revealableContent-summary-title">I’m the summary</strong>

                    <span class="revealableContent-summary-description">
                        <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                    </span>

                    <span class="revealableContent-marker"></span>

                </summary>

                <div class="revealableContent-content">

                    <div class="wrapper">
                        <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                    </div>

                </div>

            </details>

            <details class="revealableContent has-pictogram">

                <summary class="revealableContent-summary">

                    <span class="revealableContent-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>

                        </span>

                    </span>

                    <strong class="revealableContent-summary-title">I’m the summary</strong>

                    <span class="revealableContent-summary-description">
                        <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                    </span>

                    <span class="revealableContent-marker"></span>

                </summary>

                <div class="revealableContent-content">

                    <div class="wrapper">
                        <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                    </div>

                </div>

            </details>

            <details class="revealableContent has-pictogram">

                <summary class="revealableContent-summary">

                    <span class="revealableContent-pictogram">
                        <span class="pictogram">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>

                        </span>

                    </span>

                    <strong class="revealableContent-summary-title">I’m the summary</strong>

                    <span class="revealableContent-summary-description">
                        <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                    </span>

                    <span class="revealableContent-marker"></span>

                </summary>

                <div class="revealableContent-content">

                    <div class="wrapper">
                        <p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>

                    </div>

                </div>

            </details>

        </div>

    </div>

</section>


<!-- Default -->
<div class="featureSection{{#if theme}} has-backdrop{{/if}}{{#modifier}} {{.}}{{/modifier}}"{{#theme}} data-theme="{{.}}"{{/theme}}>

        {{#if header}}
    <header class="featureSection-header">
            {{#header}}
                {{#figure}}
        <div class="featureSection-header-figure">
            {{render '@figure' (contextData '@workflowteaser' this) merge=false}}
        </div>
                {{/figure}}
        <div class="featureSection-header-text">
                {{#title}}
            <h2 class="featureSection-header-title">{{{.}}}</h2>
                {{/title}}

                {{#description}}
            <div class="featureSection-header-description">
                {{{.}}}
            </div>
                {{/description}}
        </div>
            {{/header}}
    </header>
        {{else}}
    {{#title}}<h2 class="featureSection-title">{{{.}}}</h2>{{/title}}
        {{/if}}

        {{#featurelist}}
    <div class="featureSection-features">
        {{render '@featurelist' (contextData '@featuresection' this) merge=true}}
    </div>
        {{/featurelist}}

        {{#if items}}
    <div class="featureSection-features">
        {{#items}}
            {{render '@revealablecontent' (contextData '@featuresection' this) merge=false}}
        {{/items}}
    </div>
        {{/if}}

        {{#if ctas}}
    <div class="featureSection-ctas">
        {{#ctas}}
            {{render '@button--link' (contextData '@featuresection' this) merge=true}}
        {{/ctas}}
    </div>
        {{/if}}

</div>

<!-- Small -->
<div class="featureSection{{#if theme}} has-backdrop{{/if}}{{#modifier}} {{.}}{{/modifier}}"{{#theme}} data-theme="{{.}}"{{/theme}}>

        {{#if header}}
    <header class="featureSection-header">
            {{#header}}
                {{#figure}}
        <div class="featureSection-header-figure">
            {{render '@figure' (contextData '@workflowteaser' this) merge=false}}
        </div>
                {{/figure}}
        <div class="featureSection-header-text">
                {{#title}}
            <h2 class="featureSection-header-title">{{{.}}}</h2>
                {{/title}}

                {{#description}}
            <div class="featureSection-header-description">
                {{{.}}}
            </div>
                {{/description}}
        </div>
            {{/header}}
    </header>
        {{else}}
    {{#title}}<h2 class="featureSection-title">{{{.}}}</h2>{{/title}}
        {{/if}}

        {{#featurelist}}
    <div class="featureSection-features">
        {{render '@featurelist' (contextData '@featuresection' this) merge=true}}
    </div>
        {{/featurelist}}

        {{#if items}}
    <div class="featureSection-features">
        {{#items}}
            {{render '@revealablecontent' (contextData '@featuresection' this) merge=false}}
        {{/items}}
    </div>
        {{/if}}

        {{#if ctas}}
    <div class="featureSection-ctas">
        {{#ctas}}
            {{render '@button--link' (contextData '@featuresection' this) merge=true}}
        {{/ctas}}
    </div>
        {{/if}}

</div>

<!-- With Header -->
<div class="featureSection{{#if theme}} has-backdrop{{/if}}{{#modifier}} {{.}}{{/modifier}}"{{#theme}} data-theme="{{.}}"{{/theme}}>

        {{#if header}}
    <header class="featureSection-header">
            {{#header}}
                {{#figure}}
        <div class="featureSection-header-figure">
            {{render '@figure' (contextData '@workflowteaser' this) merge=false}}
        </div>
                {{/figure}}
        <div class="featureSection-header-text">
                {{#title}}
            <h2 class="featureSection-header-title">{{{.}}}</h2>
                {{/title}}

                {{#description}}
            <div class="featureSection-header-description">
                {{{.}}}
            </div>
                {{/description}}
        </div>
            {{/header}}
    </header>
        {{else}}
    {{#title}}<h2 class="featureSection-title">{{{.}}}</h2>{{/title}}
        {{/if}}

        {{#featurelist}}
    <div class="featureSection-features">
        {{render '@featurelist' (contextData '@featuresection' this) merge=true}}
    </div>
        {{/featurelist}}

        {{#if items}}
    <div class="featureSection-features">
        {{#items}}
            {{render '@revealablecontent' (contextData '@featuresection' this) merge=false}}
        {{/items}}
    </div>
        {{/if}}

        {{#if ctas}}
    <div class="featureSection-ctas">
        {{#ctas}}
            {{render '@button--link' (contextData '@featuresection' this) merge=true}}
        {{/ctas}}
    </div>
        {{/if}}

</div>

<!-- Large -->
<div class="featureSection{{#if theme}} has-backdrop{{/if}}{{#modifier}} {{.}}{{/modifier}}"{{#theme}} data-theme="{{.}}"{{/theme}}>

        {{#if header}}
    <header class="featureSection-header">
            {{#header}}
                {{#figure}}
        <div class="featureSection-header-figure">
            {{render '@figure' (contextData '@workflowteaser' this) merge=false}}
        </div>
                {{/figure}}
        <div class="featureSection-header-text">
                {{#title}}
            <h2 class="featureSection-header-title">{{{.}}}</h2>
                {{/title}}

                {{#description}}
            <div class="featureSection-header-description">
                {{{.}}}
            </div>
                {{/description}}
        </div>
            {{/header}}
    </header>
        {{else}}
    {{#title}}<h2 class="featureSection-title">{{{.}}}</h2>{{/title}}
        {{/if}}

        {{#featurelist}}
    <div class="featureSection-features">
        {{render '@featurelist' (contextData '@featuresection' this) merge=true}}
    </div>
        {{/featurelist}}

        {{#if items}}
    <div class="featureSection-features">
        {{#items}}
            {{render '@revealablecontent' (contextData '@featuresection' this) merge=false}}
        {{/items}}
    </div>
        {{/if}}

        {{#if ctas}}
    <div class="featureSection-ctas">
        {{#ctas}}
            {{render '@button--link' (contextData '@featuresection' this) merge=true}}
        {{/ctas}}
    </div>
        {{/if}}

</div>

<!-- Large Dark -->
<div class="featureSection{{#if theme}} has-backdrop{{/if}}{{#modifier}} {{.}}{{/modifier}}"{{#theme}} data-theme="{{.}}"{{/theme}}>

        {{#if header}}
    <header class="featureSection-header">
            {{#header}}
                {{#figure}}
        <div class="featureSection-header-figure">
            {{render '@figure' (contextData '@workflowteaser' this) merge=false}}
        </div>
                {{/figure}}
        <div class="featureSection-header-text">
                {{#title}}
            <h2 class="featureSection-header-title">{{{.}}}</h2>
                {{/title}}

                {{#description}}
            <div class="featureSection-header-description">
                {{{.}}}
            </div>
                {{/description}}
        </div>
            {{/header}}
    </header>
        {{else}}
    {{#title}}<h2 class="featureSection-title">{{{.}}}</h2>{{/title}}
        {{/if}}

        {{#featurelist}}
    <div class="featureSection-features">
        {{render '@featurelist' (contextData '@featuresection' this) merge=true}}
    </div>
        {{/featurelist}}

        {{#if items}}
    <div class="featureSection-features">
        {{#items}}
            {{render '@revealablecontent' (contextData '@featuresection' this) merge=false}}
        {{/items}}
    </div>
        {{/if}}

        {{#if ctas}}
    <div class="featureSection-ctas">
        {{#ctas}}
            {{render '@button--link' (contextData '@featuresection' this) merge=true}}
        {{/ctas}}
    </div>
        {{/if}}

</div>

<!-- With Revealable Items -->
<div class="featureSection{{#if theme}} has-backdrop{{/if}}{{#modifier}} {{.}}{{/modifier}}"{{#theme}} data-theme="{{.}}"{{/theme}}>

        {{#if header}}
    <header class="featureSection-header">
            {{#header}}
                {{#figure}}
        <div class="featureSection-header-figure">
            {{render '@figure' (contextData '@workflowteaser' this) merge=false}}
        </div>
                {{/figure}}
        <div class="featureSection-header-text">
                {{#title}}
            <h2 class="featureSection-header-title">{{{.}}}</h2>
                {{/title}}

                {{#description}}
            <div class="featureSection-header-description">
                {{{.}}}
            </div>
                {{/description}}
        </div>
            {{/header}}
    </header>
        {{else}}
    {{#title}}<h2 class="featureSection-title">{{{.}}}</h2>{{/title}}
        {{/if}}

        {{#featurelist}}
    <div class="featureSection-features">
        {{render '@featurelist' (contextData '@featuresection' this) merge=true}}
    </div>
        {{/featurelist}}

        {{#if items}}
    <div class="featureSection-features">
        {{#items}}
            {{render '@revealablecontent' (contextData '@featuresection' this) merge=false}}
        {{/items}}
    </div>
        {{/if}}

        {{#if ctas}}
    <div class="featureSection-ctas">
        {{#ctas}}
            {{render '@button--link' (contextData '@featuresection' this) merge=true}}
        {{/ctas}}
    </div>
        {{/if}}

</div>

<!-- Doc Only -->
{{#variants}}
<section class="doc-variant">

    <header class="doc-variant-header">

            {{#title}}
        <h2 class="doc-variant-title">{{{.}}}</h2>
            {{/title}}

        <div class="doc-variant-configuration">
                {{#if modifiers}}
            <ul data-label="Modifier">
                    {{#modifiers}}
                <li>{{{.}}}</li>
                    {{/modifiers}}
            </ul>
                {{/if}}
        </div>

    </header>

    {{#samples}}
        {{render '@featuresection' (contextData '@featuresection' this) merge=true}}
    {{/samples}}

</section>
    {{/variants}}
 
/* Default */
{
  "title": "Ich bin der Titel",
  "featurelist": {
    "items": [
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
          "id": "gaming-trophy-check"
        },
        "label": "Four loko disrupt jean shorts",
        "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
      },
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M0.979156 7.21216H23.0208\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675\" stroke=\"black\"/>\n<path d=\"M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n</svg>\n",
          "id": "app-window"
        },
        "label": "Hashtag four loko skateboard chillwave deep",
        "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
      },
      {
        "label": "Mit nicht definiertem Piktogramm",
        "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
      }
    ]
  },
  "ctas": [
    {
      "label": "Hier klicken!",
      "icon": {
        "id": "arrow-right",
        "weight": "bold"
      }
    },
    {
      "label": "Oder hier klicken!",
      "modifier": "is-secondary",
      "icon": {
        "id": "arrow-right",
        "weight": "bold"
      }
    }
  ]
}


/* Small */
{
  "title": "Ich bin der Titel",
  "featurelist": {
    "items": [
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
          "id": "gaming-trophy-check"
        },
        "label": "Four loko disrupt jean shorts",
        "description": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
      },
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M0.979156 7.21216H23.0208\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675\" stroke=\"black\"/>\n<path d=\"M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n</svg>\n",
          "id": "app-window"
        },
        "label": "Hashtag four loko skateboard chillwave deep",
        "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
      },
      {
        "label": "Mit nicht definiertem Piktogramm",
        "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk.</p><p>Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz.</p>"
      }
    ],
    "modifier": "is-small"
  },
  "ctas": [
    {
      "label": "Hier klicken!",
      "icon": {
        "id": "arrow-right",
        "weight": "bold"
      }
    },
    {
      "label": "Oder hier klicken!",
      "modifier": "is-secondary",
      "icon": {
        "id": "arrow-right",
        "weight": "bold"
      }
    }
  ],
  "theme": "dark"
}


/* With Header */
{
  "title": null,
  "featurelist": {
    "items": [
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
          "id": "gaming-trophy-check"
        },
        "label": "Four loko disrupt jean shorts",
        "description": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
      },
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M0.979156 7.21216H23.0208\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675\" stroke=\"black\"/>\n<path d=\"M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n</svg>\n",
          "id": "app-window"
        },
        "label": "Hashtag four loko skateboard chillwave deep",
        "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
      },
      {
        "label": "Mit nicht definiertem Piktogramm",
        "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk.</p><p>Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz.</p>"
      }
    ],
    "modifier": "is-x-small"
  },
  "ctas": null,
  "header": {
    "figure": {
      "src": "/images/placeholder/dummy-image.jpg",
      "alt": "Alternative Bildbeschreibung",
      "caption": null,
      "copyright": {
        "content": "Foto von <a class=\"link\" href=\"https://unsplash.com/de/@ssergiomedinaa?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText\">Sergio Medina</a>",
        "is-floating": true,
        "is-hidden": true
      }
    },
    "title": "Ich bin der Titel",
    "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
  }
}


/* Large */
{
  "title": "Ich bin der Titel",
  "featurelist": {
    "items": [
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
          "id": "gaming-trophy-check"
        },
        "label": "Ich bin das Label",
        "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
      },
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19.5919 7.41247C19.4839 7.63947 19.4248 7.88661 19.4183 8.13791C19.4119 8.38921 19.4583 8.63907 19.5545 8.87131C19.6507 9.10356 19.7946 9.31302 19.9768 9.48614C20.1591 9.65927 20.3757 9.7922 20.6126 9.87634L21.8248 10.3076C22.1747 10.4318 22.4775 10.6612 22.6916 10.9644C22.9057 11.2677 23.0207 11.6298 23.0207 12.001C23.0207 12.3722 22.9057 12.7343 22.6916 13.0375C22.4775 13.3407 22.1747 13.5702 21.8248 13.6943L20.6126 14.1256C20.3757 14.2097 20.1591 14.3427 19.9768 14.5158C19.7946 14.6889 19.6507 14.8984 19.5545 15.1306C19.4583 15.3629 19.4119 15.6127 19.4183 15.864C19.4248 16.1153 19.4839 16.3625 19.5919 16.5895L20.1458 17.75C20.306 18.0853 20.3582 18.462 20.2954 18.8283C20.2326 19.1945 20.0577 19.5322 19.795 19.795C19.5322 20.0577 19.1945 20.2326 18.8283 20.2954C18.462 20.3582 18.0853 20.306 17.75 20.1458L16.5876 19.5938C16.3605 19.4858 16.1134 19.4267 15.8621 19.4203C15.6108 19.4138 15.361 19.4602 15.1287 19.5564C14.8965 19.6526 14.687 19.7965 14.5139 19.9787C14.3407 20.161 14.2078 20.3776 14.1237 20.6145L13.6924 21.8268C13.5681 22.1763 13.3386 22.4787 13.0355 22.6926C12.7324 22.9064 12.3705 23.0213 11.9995 23.0213C11.6286 23.0213 11.2667 22.9064 10.9636 22.6926C10.6605 22.4787 10.431 22.1763 10.3066 21.8268L9.87538 20.6145C9.79114 20.3776 9.6581 20.161 9.48489 19.9787C9.31167 19.7964 9.10212 19.6525 8.86981 19.5563C8.63749 19.4601 8.38756 19.4138 8.1362 19.4202C7.88483 19.4267 7.63762 19.4858 7.41055 19.5938L6.25001 20.1458C5.91471 20.3066 5.53777 20.3593 5.17123 20.2967C4.80469 20.2341 4.46661 20.0593 4.20368 19.7963C3.94074 19.5334 3.7659 19.1953 3.7033 18.8288C3.6407 18.4622 3.69341 18.0853 3.85418 17.75L4.40618 16.5876C4.51417 16.3605 4.57331 16.1134 4.57976 15.8621C4.58621 15.6108 4.53984 15.361 4.44363 15.1287C4.34743 14.8965 4.20354 14.687 4.02128 14.5139C3.83901 14.3407 3.62243 14.2078 3.38555 14.1237L2.17326 13.6924C1.82343 13.5683 1.52065 13.3388 1.30651 13.0356C1.09238 12.7324 0.977417 12.3703 0.977417 11.9991C0.977417 11.6278 1.09238 11.2657 1.30651 10.9625C1.52065 10.6593 1.82343 10.4298 2.17326 10.3057L3.38555 9.87443C3.62218 9.79025 3.83853 9.65738 4.02062 9.48439C4.20271 9.3114 4.34648 9.10214 4.44267 8.87013C4.53885 8.63812 4.5853 8.38851 4.57901 8.13743C4.57273 7.88635 4.51385 7.63938 4.40618 7.41247L3.85418 6.25001C3.69341 5.91471 3.6407 5.53777 3.7033 5.17123C3.7659 4.80469 3.94074 4.46662 4.20368 4.20368C4.46661 3.94074 4.80469 3.7659 5.17123 3.7033C5.53777 3.6407 5.91471 3.69341 6.25001 3.85418L7.41247 4.40618C7.63932 4.5139 7.88624 4.57287 8.13729 4.57929C8.38835 4.58571 8.63795 4.53944 8.87002 4.44345C9.10209 4.34746 9.31146 4.2039 9.48462 4.02201C9.65779 3.84013 9.7909 3.62397 9.87538 3.38747L10.3066 2.17518C10.431 1.82568 10.6605 1.52324 10.9636 1.30937C11.2667 1.0955 11.6286 0.980682 11.9995 0.980682C12.3705 0.980682 12.7324 1.0955 13.0355 1.30937C13.3386 1.52324 13.5681 1.82568 13.6924 2.17518L14.1237 3.38747C14.2078 3.62435 14.3407 3.84093 14.5139 4.02319C14.687 4.20546 14.8965 4.34935 15.1287 4.44555C15.361 4.54176 15.6108 4.58813 15.8621 4.58168C16.1134 4.57523 16.3605 4.51609 16.5876 4.40809L17.75 3.85418C18.0853 3.69404 18.462 3.64179 18.8283 3.70462C19.1945 3.76746 19.5322 3.94229 19.795 4.20504C20.0577 4.46779 20.2326 4.80553 20.2954 5.17176C20.3582 5.538 20.306 5.9147 20.1458 6.25001L19.5919 7.41247Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M7.68655 12.0009C7.68655 13.1447 8.14091 14.2416 8.94966 15.0503C9.75841 15.8591 10.8553 16.3134 11.9991 16.3134C13.1428 16.3134 14.2397 15.8591 15.0485 15.0503C15.8572 14.2416 16.3116 13.1447 16.3116 12.0009C16.3116 10.8572 15.8572 9.7603 15.0485 8.95155C14.2397 8.1428 13.1428 7.68845 11.9991 7.68845C10.8553 7.68845 9.75841 8.1428 8.94966 8.95155C8.14091 9.7603 7.68655 10.8572 7.68655 12.0009Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
          "id": "cog-1"
        },
        "label": "Ich bin das Label",
        "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
      },
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M0.979156 7.21216H23.0208\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675\" stroke=\"black\"/>\n<path d=\"M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n</svg>\n",
          "id": "app-window"
        },
        "label": "Ich ein ziemlich langer Text für ein Label",
        "description": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
      },
      {
        "label": "Ich bin das Label",
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.3095 5.05496C12.3514 4.9813 12.412 4.92005 12.4852 4.87746C12.5585 4.83487 12.6417 4.81245 12.7264 4.8125H15.1289C15.2139 4.81245 15.2974 4.835 15.3708 4.87784C15.4442 4.92069 15.5049 4.98228 15.5466 5.05631C15.5884 5.13033 15.6097 5.21413 15.6084 5.29911C15.607 5.38408 15.5831 5.46718 15.5391 5.53988L13.081 9.60417H15.6014C15.6949 9.60412 15.7863 9.63141 15.8645 9.68269C15.9427 9.73397 16.0041 9.80699 16.0413 9.89275C16.0785 9.97852 16.0897 10.0733 16.0737 10.1654C16.0577 10.2575 16.0151 10.3429 15.9512 10.4111L9.95778 16.8041C9.91966 16.8449 9.8685 16.8711 9.81312 16.8782C9.75774 16.8853 9.70163 16.8728 9.65447 16.8429C9.60732 16.813 9.57208 16.7676 9.55484 16.7145C9.53761 16.6614 9.53946 16.604 9.56007 16.5521L11.5419 11.5208H9.46807C9.38422 11.5209 9.30182 11.4989 9.22912 11.4571C9.15641 11.4154 9.09594 11.3553 9.05374 11.2828C9.01154 11.2103 8.9891 11.1281 8.98865 11.0442C8.98821 10.9604 9.00977 10.8779 9.0512 10.805L12.3095 5.05496Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M1.9375 4.11771V11.4365C1.96566 13.8548 2.73635 16.2061 4.1452 18.1719C5.55405 20.1376 7.53299 21.623 9.81404 22.4267L10.8883 22.8234C11.606 23.087 12.394 23.087 13.1117 22.8234L14.186 22.4267C16.467 21.623 18.446 20.1376 19.8548 18.1719C21.2637 16.2061 22.0343 13.8548 22.0625 11.4365V4.11771C22.0615 3.83016 21.9762 3.54922 21.8171 3.30971C21.658 3.0702 21.4321 2.88264 21.1674 2.77029C18.2643 1.55911 15.1455 0.949769 12 0.979164C8.85448 0.949769 5.73572 1.55911 2.83258 2.77029C2.5679 2.88264 2.342 3.0702 2.18289 3.30971C2.02379 3.54922 1.93846 3.83016 1.9375 4.11771Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
          "id": "protection-shield-bolt"
        },
        "description": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
      },
      {
        "label": "Mit nicht definiertem Piktogramm",
        "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
      }
    ],
    "modifier": "is-large"
  },
  "ctas": [
    {
      "label": "Hier klicken!",
      "icon": {
        "id": "arrow-right",
        "weight": "bold"
      }
    },
    {
      "label": "Oder hier klicken!",
      "modifier": "is-secondary",
      "icon": {
        "id": "arrow-right",
        "weight": "bold"
      }
    }
  ]
}


/* Large Dark */
{
  "title": "Ich bin der Titel",
  "featurelist": {
    "items": [
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
          "id": "gaming-trophy-check"
        },
        "label": "Ich bin das Label",
        "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
      },
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19.5919 7.41247C19.4839 7.63947 19.4248 7.88661 19.4183 8.13791C19.4119 8.38921 19.4583 8.63907 19.5545 8.87131C19.6507 9.10356 19.7946 9.31302 19.9768 9.48614C20.1591 9.65927 20.3757 9.7922 20.6126 9.87634L21.8248 10.3076C22.1747 10.4318 22.4775 10.6612 22.6916 10.9644C22.9057 11.2677 23.0207 11.6298 23.0207 12.001C23.0207 12.3722 22.9057 12.7343 22.6916 13.0375C22.4775 13.3407 22.1747 13.5702 21.8248 13.6943L20.6126 14.1256C20.3757 14.2097 20.1591 14.3427 19.9768 14.5158C19.7946 14.6889 19.6507 14.8984 19.5545 15.1306C19.4583 15.3629 19.4119 15.6127 19.4183 15.864C19.4248 16.1153 19.4839 16.3625 19.5919 16.5895L20.1458 17.75C20.306 18.0853 20.3582 18.462 20.2954 18.8283C20.2326 19.1945 20.0577 19.5322 19.795 19.795C19.5322 20.0577 19.1945 20.2326 18.8283 20.2954C18.462 20.3582 18.0853 20.306 17.75 20.1458L16.5876 19.5938C16.3605 19.4858 16.1134 19.4267 15.8621 19.4203C15.6108 19.4138 15.361 19.4602 15.1287 19.5564C14.8965 19.6526 14.687 19.7965 14.5139 19.9787C14.3407 20.161 14.2078 20.3776 14.1237 20.6145L13.6924 21.8268C13.5681 22.1763 13.3386 22.4787 13.0355 22.6926C12.7324 22.9064 12.3705 23.0213 11.9995 23.0213C11.6286 23.0213 11.2667 22.9064 10.9636 22.6926C10.6605 22.4787 10.431 22.1763 10.3066 21.8268L9.87538 20.6145C9.79114 20.3776 9.6581 20.161 9.48489 19.9787C9.31167 19.7964 9.10212 19.6525 8.86981 19.5563C8.63749 19.4601 8.38756 19.4138 8.1362 19.4202C7.88483 19.4267 7.63762 19.4858 7.41055 19.5938L6.25001 20.1458C5.91471 20.3066 5.53777 20.3593 5.17123 20.2967C4.80469 20.2341 4.46661 20.0593 4.20368 19.7963C3.94074 19.5334 3.7659 19.1953 3.7033 18.8288C3.6407 18.4622 3.69341 18.0853 3.85418 17.75L4.40618 16.5876C4.51417 16.3605 4.57331 16.1134 4.57976 15.8621C4.58621 15.6108 4.53984 15.361 4.44363 15.1287C4.34743 14.8965 4.20354 14.687 4.02128 14.5139C3.83901 14.3407 3.62243 14.2078 3.38555 14.1237L2.17326 13.6924C1.82343 13.5683 1.52065 13.3388 1.30651 13.0356C1.09238 12.7324 0.977417 12.3703 0.977417 11.9991C0.977417 11.6278 1.09238 11.2657 1.30651 10.9625C1.52065 10.6593 1.82343 10.4298 2.17326 10.3057L3.38555 9.87443C3.62218 9.79025 3.83853 9.65738 4.02062 9.48439C4.20271 9.3114 4.34648 9.10214 4.44267 8.87013C4.53885 8.63812 4.5853 8.38851 4.57901 8.13743C4.57273 7.88635 4.51385 7.63938 4.40618 7.41247L3.85418 6.25001C3.69341 5.91471 3.6407 5.53777 3.7033 5.17123C3.7659 4.80469 3.94074 4.46662 4.20368 4.20368C4.46661 3.94074 4.80469 3.7659 5.17123 3.7033C5.53777 3.6407 5.91471 3.69341 6.25001 3.85418L7.41247 4.40618C7.63932 4.5139 7.88624 4.57287 8.13729 4.57929C8.38835 4.58571 8.63795 4.53944 8.87002 4.44345C9.10209 4.34746 9.31146 4.2039 9.48462 4.02201C9.65779 3.84013 9.7909 3.62397 9.87538 3.38747L10.3066 2.17518C10.431 1.82568 10.6605 1.52324 10.9636 1.30937C11.2667 1.0955 11.6286 0.980682 11.9995 0.980682C12.3705 0.980682 12.7324 1.0955 13.0355 1.30937C13.3386 1.52324 13.5681 1.82568 13.6924 2.17518L14.1237 3.38747C14.2078 3.62435 14.3407 3.84093 14.5139 4.02319C14.687 4.20546 14.8965 4.34935 15.1287 4.44555C15.361 4.54176 15.6108 4.58813 15.8621 4.58168C16.1134 4.57523 16.3605 4.51609 16.5876 4.40809L17.75 3.85418C18.0853 3.69404 18.462 3.64179 18.8283 3.70462C19.1945 3.76746 19.5322 3.94229 19.795 4.20504C20.0577 4.46779 20.2326 4.80553 20.2954 5.17176C20.3582 5.538 20.306 5.9147 20.1458 6.25001L19.5919 7.41247Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M7.68655 12.0009C7.68655 13.1447 8.14091 14.2416 8.94966 15.0503C9.75841 15.8591 10.8553 16.3134 11.9991 16.3134C13.1428 16.3134 14.2397 15.8591 15.0485 15.0503C15.8572 14.2416 16.3116 13.1447 16.3116 12.0009C16.3116 10.8572 15.8572 9.7603 15.0485 8.95155C14.2397 8.1428 13.1428 7.68845 11.9991 7.68845C10.8553 7.68845 9.75841 8.1428 8.94966 8.95155C8.14091 9.7603 7.68655 10.8572 7.68655 12.0009Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
          "id": "cog-1"
        },
        "label": "Ich bin das Label",
        "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
      },
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M0.979156 7.21216H23.0208\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675\" stroke=\"black\"/>\n<path d=\"M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n</svg>\n",
          "id": "app-window"
        },
        "label": "Ich ein ziemlich langer Text für ein Label",
        "description": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
      },
      {
        "label": "Ich bin das Label",
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.3095 5.05496C12.3514 4.9813 12.412 4.92005 12.4852 4.87746C12.5585 4.83487 12.6417 4.81245 12.7264 4.8125H15.1289C15.2139 4.81245 15.2974 4.835 15.3708 4.87784C15.4442 4.92069 15.5049 4.98228 15.5466 5.05631C15.5884 5.13033 15.6097 5.21413 15.6084 5.29911C15.607 5.38408 15.5831 5.46718 15.5391 5.53988L13.081 9.60417H15.6014C15.6949 9.60412 15.7863 9.63141 15.8645 9.68269C15.9427 9.73397 16.0041 9.80699 16.0413 9.89275C16.0785 9.97852 16.0897 10.0733 16.0737 10.1654C16.0577 10.2575 16.0151 10.3429 15.9512 10.4111L9.95778 16.8041C9.91966 16.8449 9.8685 16.8711 9.81312 16.8782C9.75774 16.8853 9.70163 16.8728 9.65447 16.8429C9.60732 16.813 9.57208 16.7676 9.55484 16.7145C9.53761 16.6614 9.53946 16.604 9.56007 16.5521L11.5419 11.5208H9.46807C9.38422 11.5209 9.30182 11.4989 9.22912 11.4571C9.15641 11.4154 9.09594 11.3553 9.05374 11.2828C9.01154 11.2103 8.9891 11.1281 8.98865 11.0442C8.98821 10.9604 9.00977 10.8779 9.0512 10.805L12.3095 5.05496Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M1.9375 4.11771V11.4365C1.96566 13.8548 2.73635 16.2061 4.1452 18.1719C5.55405 20.1376 7.53299 21.623 9.81404 22.4267L10.8883 22.8234C11.606 23.087 12.394 23.087 13.1117 22.8234L14.186 22.4267C16.467 21.623 18.446 20.1376 19.8548 18.1719C21.2637 16.2061 22.0343 13.8548 22.0625 11.4365V4.11771C22.0615 3.83016 21.9762 3.54922 21.8171 3.30971C21.658 3.0702 21.4321 2.88264 21.1674 2.77029C18.2643 1.55911 15.1455 0.949769 12 0.979164C8.85448 0.949769 5.73572 1.55911 2.83258 2.77029C2.5679 2.88264 2.342 3.0702 2.18289 3.30971C2.02379 3.54922 1.93846 3.83016 1.9375 4.11771Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
          "id": "protection-shield-bolt"
        },
        "description": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
      },
      {
        "label": "Mit nicht definiertem Piktogramm",
        "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
      }
    ],
    "modifier": "is-large"
  },
  "ctas": [
    {
      "label": "Hier klicken!",
      "icon": {
        "id": "arrow-right",
        "weight": "bold"
      }
    },
    {
      "label": "Oder hier klicken!",
      "modifier": "is-secondary",
      "icon": {
        "id": "arrow-right",
        "weight": "bold"
      }
    }
  ],
  "theme": "dark"
}


/* With Revealable Items */
{
  "title": "Ich bin der Titel",
  "featurelist": null,
  "ctas": null,
  "theme": "dark",
  "items": [
    {
      "summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
      "content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
      "pictogram": {
        "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
        "id": "check-badge"
      },
      "title": "I’m the summary",
      "ctas": null
    },
    {
      "summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
      "content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
      "pictogram": {
        "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
        "id": "check-badge"
      },
      "title": "I’m the summary",
      "ctas": null
    },
    {
      "summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
      "content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
      "pictogram": {
        "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
        "id": "check-badge"
      },
      "title": "I’m the summary",
      "ctas": null
    }
  ]
}


/* Doc Only */
{
  "title": "Ich bin der Titel",
  "featurelist": {
    "items": [
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
          "id": "gaming-trophy-check"
        },
        "label": "Four loko disrupt jean shorts",
        "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
      },
      {
        "pictogram": {
          "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M0.979156 7.21216H23.0208\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675\" stroke=\"black\"/>\n<path d=\"M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n</svg>\n",
          "id": "app-window"
        },
        "label": "Hashtag four loko skateboard chillwave deep",
        "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
      },
      {
        "label": "Mit nicht definiertem Piktogramm",
        "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
      }
    ]
  },
  "ctas": [
    {
      "label": "Hier klicken!",
      "icon": {
        "id": "arrow-right",
        "weight": "bold"
      }
    },
    {
      "label": "Oder hier klicken!",
      "modifier": "is-secondary",
      "icon": {
        "id": "arrow-right",
        "weight": "bold"
      }
    }
  ],
  "variants": [
    {
      "title": "With Default Feature List",
      "samples": {
        "title": "Ich bin der Titel",
        "featurelist": {
          "items": [
            {
              "pictogram": {
                "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
                "id": "gaming-trophy-check"
              },
              "label": "Four loko disrupt jean shorts",
              "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
            },
            {
              "pictogram": {
                "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M0.979156 7.21216H23.0208\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675\" stroke=\"black\"/>\n<path d=\"M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n</svg>\n",
                "id": "app-window"
              },
              "label": "Hashtag four loko skateboard chillwave deep",
              "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
            },
            {
              "label": "Mit nicht definiertem Piktogramm",
              "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
            }
          ]
        },
        "ctas": [
          {
            "label": "Hier klicken!",
            "icon": {
              "id": "arrow-right",
              "weight": "bold"
            }
          },
          {
            "label": "Oder hier klicken!",
            "modifier": "is-secondary",
            "icon": {
              "id": "arrow-right",
              "weight": "bold"
            }
          }
        ]
      }
    },
    {
      "title": "With Small Feature List",
      "samples": {
        "title": "Ich bin der Titel",
        "featurelist": {
          "items": [
            {
              "pictogram": {
                "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
                "id": "gaming-trophy-check"
              },
              "label": "Four loko disrupt jean shorts",
              "description": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
            },
            {
              "pictogram": {
                "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M0.979156 7.21216H23.0208\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675\" stroke=\"black\"/>\n<path d=\"M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n</svg>\n",
                "id": "app-window"
              },
              "label": "Hashtag four loko skateboard chillwave deep",
              "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
            },
            {
              "label": "Mit nicht definiertem Piktogramm",
              "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk.</p><p>Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz.</p>"
            }
          ],
          "modifier": "is-small"
        },
        "ctas": [
          {
            "label": "Hier klicken!",
            "icon": {
              "id": "arrow-right",
              "weight": "bold"
            }
          },
          {
            "label": "Oder hier klicken!",
            "modifier": "is-secondary",
            "icon": {
              "id": "arrow-right",
              "weight": "bold"
            }
          }
        ],
        "theme": "dark"
      }
    },
    {
      "title": "With Header and Small Feature List",
      "samples": {
        "title": null,
        "featurelist": {
          "items": [
            {
              "pictogram": {
                "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
                "id": "gaming-trophy-check"
              },
              "label": "Four loko disrupt jean shorts",
              "description": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
            },
            {
              "pictogram": {
                "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M0.979156 7.21216H23.0208\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675\" stroke=\"black\"/>\n<path d=\"M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n</svg>\n",
                "id": "app-window"
              },
              "label": "Hashtag four loko skateboard chillwave deep",
              "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
            },
            {
              "label": "Mit nicht definiertem Piktogramm",
              "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk.</p><p>Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz.</p>"
            }
          ],
          "modifier": "is-x-small"
        },
        "ctas": null,
        "header": {
          "figure": {
            "src": "/images/placeholder/dummy-image.jpg",
            "alt": "Alternative Bildbeschreibung",
            "caption": null,
            "copyright": {
              "content": "Foto von <a class=\"link\" href=\"https://unsplash.com/de/@ssergiomedinaa?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText\">Sergio Medina</a>",
              "is-floating": true,
              "is-hidden": true
            }
          },
          "title": "Ich bin der Titel",
          "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
        }
      }
    },
    {
      "title": "With Large Feature List",
      "samples": [
        {
          "title": "Ich bin der Titel",
          "featurelist": {
            "items": [
              {
                "pictogram": {
                  "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
                  "id": "gaming-trophy-check"
                },
                "label": "Ich bin das Label",
                "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
              },
              {
                "pictogram": {
                  "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19.5919 7.41247C19.4839 7.63947 19.4248 7.88661 19.4183 8.13791C19.4119 8.38921 19.4583 8.63907 19.5545 8.87131C19.6507 9.10356 19.7946 9.31302 19.9768 9.48614C20.1591 9.65927 20.3757 9.7922 20.6126 9.87634L21.8248 10.3076C22.1747 10.4318 22.4775 10.6612 22.6916 10.9644C22.9057 11.2677 23.0207 11.6298 23.0207 12.001C23.0207 12.3722 22.9057 12.7343 22.6916 13.0375C22.4775 13.3407 22.1747 13.5702 21.8248 13.6943L20.6126 14.1256C20.3757 14.2097 20.1591 14.3427 19.9768 14.5158C19.7946 14.6889 19.6507 14.8984 19.5545 15.1306C19.4583 15.3629 19.4119 15.6127 19.4183 15.864C19.4248 16.1153 19.4839 16.3625 19.5919 16.5895L20.1458 17.75C20.306 18.0853 20.3582 18.462 20.2954 18.8283C20.2326 19.1945 20.0577 19.5322 19.795 19.795C19.5322 20.0577 19.1945 20.2326 18.8283 20.2954C18.462 20.3582 18.0853 20.306 17.75 20.1458L16.5876 19.5938C16.3605 19.4858 16.1134 19.4267 15.8621 19.4203C15.6108 19.4138 15.361 19.4602 15.1287 19.5564C14.8965 19.6526 14.687 19.7965 14.5139 19.9787C14.3407 20.161 14.2078 20.3776 14.1237 20.6145L13.6924 21.8268C13.5681 22.1763 13.3386 22.4787 13.0355 22.6926C12.7324 22.9064 12.3705 23.0213 11.9995 23.0213C11.6286 23.0213 11.2667 22.9064 10.9636 22.6926C10.6605 22.4787 10.431 22.1763 10.3066 21.8268L9.87538 20.6145C9.79114 20.3776 9.6581 20.161 9.48489 19.9787C9.31167 19.7964 9.10212 19.6525 8.86981 19.5563C8.63749 19.4601 8.38756 19.4138 8.1362 19.4202C7.88483 19.4267 7.63762 19.4858 7.41055 19.5938L6.25001 20.1458C5.91471 20.3066 5.53777 20.3593 5.17123 20.2967C4.80469 20.2341 4.46661 20.0593 4.20368 19.7963C3.94074 19.5334 3.7659 19.1953 3.7033 18.8288C3.6407 18.4622 3.69341 18.0853 3.85418 17.75L4.40618 16.5876C4.51417 16.3605 4.57331 16.1134 4.57976 15.8621C4.58621 15.6108 4.53984 15.361 4.44363 15.1287C4.34743 14.8965 4.20354 14.687 4.02128 14.5139C3.83901 14.3407 3.62243 14.2078 3.38555 14.1237L2.17326 13.6924C1.82343 13.5683 1.52065 13.3388 1.30651 13.0356C1.09238 12.7324 0.977417 12.3703 0.977417 11.9991C0.977417 11.6278 1.09238 11.2657 1.30651 10.9625C1.52065 10.6593 1.82343 10.4298 2.17326 10.3057L3.38555 9.87443C3.62218 9.79025 3.83853 9.65738 4.02062 9.48439C4.20271 9.3114 4.34648 9.10214 4.44267 8.87013C4.53885 8.63812 4.5853 8.38851 4.57901 8.13743C4.57273 7.88635 4.51385 7.63938 4.40618 7.41247L3.85418 6.25001C3.69341 5.91471 3.6407 5.53777 3.7033 5.17123C3.7659 4.80469 3.94074 4.46662 4.20368 4.20368C4.46661 3.94074 4.80469 3.7659 5.17123 3.7033C5.53777 3.6407 5.91471 3.69341 6.25001 3.85418L7.41247 4.40618C7.63932 4.5139 7.88624 4.57287 8.13729 4.57929C8.38835 4.58571 8.63795 4.53944 8.87002 4.44345C9.10209 4.34746 9.31146 4.2039 9.48462 4.02201C9.65779 3.84013 9.7909 3.62397 9.87538 3.38747L10.3066 2.17518C10.431 1.82568 10.6605 1.52324 10.9636 1.30937C11.2667 1.0955 11.6286 0.980682 11.9995 0.980682C12.3705 0.980682 12.7324 1.0955 13.0355 1.30937C13.3386 1.52324 13.5681 1.82568 13.6924 2.17518L14.1237 3.38747C14.2078 3.62435 14.3407 3.84093 14.5139 4.02319C14.687 4.20546 14.8965 4.34935 15.1287 4.44555C15.361 4.54176 15.6108 4.58813 15.8621 4.58168C16.1134 4.57523 16.3605 4.51609 16.5876 4.40809L17.75 3.85418C18.0853 3.69404 18.462 3.64179 18.8283 3.70462C19.1945 3.76746 19.5322 3.94229 19.795 4.20504C20.0577 4.46779 20.2326 4.80553 20.2954 5.17176C20.3582 5.538 20.306 5.9147 20.1458 6.25001L19.5919 7.41247Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M7.68655 12.0009C7.68655 13.1447 8.14091 14.2416 8.94966 15.0503C9.75841 15.8591 10.8553 16.3134 11.9991 16.3134C13.1428 16.3134 14.2397 15.8591 15.0485 15.0503C15.8572 14.2416 16.3116 13.1447 16.3116 12.0009C16.3116 10.8572 15.8572 9.7603 15.0485 8.95155C14.2397 8.1428 13.1428 7.68845 11.9991 7.68845C10.8553 7.68845 9.75841 8.1428 8.94966 8.95155C8.14091 9.7603 7.68655 10.8572 7.68655 12.0009Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
                  "id": "cog-1"
                },
                "label": "Ich bin das Label",
                "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
              },
              {
                "pictogram": {
                  "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M0.979156 7.21216H23.0208\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675\" stroke=\"black\"/>\n<path d=\"M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n</svg>\n",
                  "id": "app-window"
                },
                "label": "Ich ein ziemlich langer Text für ein Label",
                "description": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
              },
              {
                "label": "Ich bin das Label",
                "pictogram": {
                  "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.3095 5.05496C12.3514 4.9813 12.412 4.92005 12.4852 4.87746C12.5585 4.83487 12.6417 4.81245 12.7264 4.8125H15.1289C15.2139 4.81245 15.2974 4.835 15.3708 4.87784C15.4442 4.92069 15.5049 4.98228 15.5466 5.05631C15.5884 5.13033 15.6097 5.21413 15.6084 5.29911C15.607 5.38408 15.5831 5.46718 15.5391 5.53988L13.081 9.60417H15.6014C15.6949 9.60412 15.7863 9.63141 15.8645 9.68269C15.9427 9.73397 16.0041 9.80699 16.0413 9.89275C16.0785 9.97852 16.0897 10.0733 16.0737 10.1654C16.0577 10.2575 16.0151 10.3429 15.9512 10.4111L9.95778 16.8041C9.91966 16.8449 9.8685 16.8711 9.81312 16.8782C9.75774 16.8853 9.70163 16.8728 9.65447 16.8429C9.60732 16.813 9.57208 16.7676 9.55484 16.7145C9.53761 16.6614 9.53946 16.604 9.56007 16.5521L11.5419 11.5208H9.46807C9.38422 11.5209 9.30182 11.4989 9.22912 11.4571C9.15641 11.4154 9.09594 11.3553 9.05374 11.2828C9.01154 11.2103 8.9891 11.1281 8.98865 11.0442C8.98821 10.9604 9.00977 10.8779 9.0512 10.805L12.3095 5.05496Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M1.9375 4.11771V11.4365C1.96566 13.8548 2.73635 16.2061 4.1452 18.1719C5.55405 20.1376 7.53299 21.623 9.81404 22.4267L10.8883 22.8234C11.606 23.087 12.394 23.087 13.1117 22.8234L14.186 22.4267C16.467 21.623 18.446 20.1376 19.8548 18.1719C21.2637 16.2061 22.0343 13.8548 22.0625 11.4365V4.11771C22.0615 3.83016 21.9762 3.54922 21.8171 3.30971C21.658 3.0702 21.4321 2.88264 21.1674 2.77029C18.2643 1.55911 15.1455 0.949769 12 0.979164C8.85448 0.949769 5.73572 1.55911 2.83258 2.77029C2.5679 2.88264 2.342 3.0702 2.18289 3.30971C2.02379 3.54922 1.93846 3.83016 1.9375 4.11771Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
                  "id": "protection-shield-bolt"
                },
                "description": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
              },
              {
                "label": "Mit nicht definiertem Piktogramm",
                "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
              }
            ],
            "modifier": "is-large"
          },
          "ctas": [
            {
              "label": "Hier klicken!",
              "icon": {
                "id": "arrow-right",
                "weight": "bold"
              }
            },
            {
              "label": "Oder hier klicken!",
              "modifier": "is-secondary",
              "icon": {
                "id": "arrow-right",
                "weight": "bold"
              }
            }
          ]
        },
        {
          "title": "Ich bin der Titel",
          "featurelist": {
            "items": [
              {
                "pictogram": {
                  "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M15.6647 3.82637L11.1126 9.57637L8.71674 7.18054\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M3.48328 13.68C2.74832 13.4083 2.11428 12.9179 1.66656 12.2748C1.21883 11.6317 0.978928 10.8669 0.979157 10.0833V7.68751C0.979157 7.43334 1.08012 7.18958 1.25985 7.00986C1.43957 6.83014 1.68332 6.72917 1.93749 6.72917H3.90303\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.5167 13.68C21.2517 13.4083 21.8857 12.9179 22.3334 12.2748C22.7812 11.6317 23.0211 10.8669 23.0208 10.0833V7.68751C23.0208 7.43334 22.9199 7.18958 22.7401 7.00986C22.5604 6.83014 22.3167 6.72917 22.0625 6.72917H20.097\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M20.6077 1.96146C20.6109 1.83361 20.5885 1.70641 20.5418 1.58736C20.4951 1.46831 20.425 1.35982 20.3357 1.26828C20.2464 1.17674 20.1396 1.10399 20.0218 1.05434C19.9039 1.00469 19.7773 0.979132 19.6494 0.979172H4.35057C4.22268 0.979132 4.09607 1.00469 3.97821 1.05434C3.86035 1.10399 3.75362 1.17674 3.66431 1.26828C3.575 1.35982 3.50492 1.46831 3.45819 1.58736C3.41147 1.70641 3.38904 1.83361 3.39224 1.96146C3.72478 15.5832 11.0139 11.6914 11.0139 16.7917C10.9612 19.7453 9.7364 20.8406 7.63765 21.061C7.39001 21.0869 7.1607 21.2035 6.99399 21.3884C6.82728 21.5734 6.73498 21.8135 6.7349 22.0625C6.7349 22.3167 6.83587 22.5604 7.01559 22.7402C7.19531 22.9199 7.43907 23.0208 7.69324 23.0208H16.3067C16.5609 23.0208 16.8047 22.9199 16.9844 22.7402C17.1641 22.5604 17.2651 22.3167 17.2651 22.0625C17.265 21.8135 17.1727 21.5734 17.006 21.3884C16.8393 21.2035 16.61 21.0869 16.3623 21.061C14.2636 20.8406 13.0388 19.7453 12.9861 16.7917C12.9861 11.6914 20.2752 15.5832 20.6077 1.96146Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
                  "id": "gaming-trophy-check"
                },
                "label": "Ich bin das Label",
                "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
              },
              {
                "pictogram": {
                  "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19.5919 7.41247C19.4839 7.63947 19.4248 7.88661 19.4183 8.13791C19.4119 8.38921 19.4583 8.63907 19.5545 8.87131C19.6507 9.10356 19.7946 9.31302 19.9768 9.48614C20.1591 9.65927 20.3757 9.7922 20.6126 9.87634L21.8248 10.3076C22.1747 10.4318 22.4775 10.6612 22.6916 10.9644C22.9057 11.2677 23.0207 11.6298 23.0207 12.001C23.0207 12.3722 22.9057 12.7343 22.6916 13.0375C22.4775 13.3407 22.1747 13.5702 21.8248 13.6943L20.6126 14.1256C20.3757 14.2097 20.1591 14.3427 19.9768 14.5158C19.7946 14.6889 19.6507 14.8984 19.5545 15.1306C19.4583 15.3629 19.4119 15.6127 19.4183 15.864C19.4248 16.1153 19.4839 16.3625 19.5919 16.5895L20.1458 17.75C20.306 18.0853 20.3582 18.462 20.2954 18.8283C20.2326 19.1945 20.0577 19.5322 19.795 19.795C19.5322 20.0577 19.1945 20.2326 18.8283 20.2954C18.462 20.3582 18.0853 20.306 17.75 20.1458L16.5876 19.5938C16.3605 19.4858 16.1134 19.4267 15.8621 19.4203C15.6108 19.4138 15.361 19.4602 15.1287 19.5564C14.8965 19.6526 14.687 19.7965 14.5139 19.9787C14.3407 20.161 14.2078 20.3776 14.1237 20.6145L13.6924 21.8268C13.5681 22.1763 13.3386 22.4787 13.0355 22.6926C12.7324 22.9064 12.3705 23.0213 11.9995 23.0213C11.6286 23.0213 11.2667 22.9064 10.9636 22.6926C10.6605 22.4787 10.431 22.1763 10.3066 21.8268L9.87538 20.6145C9.79114 20.3776 9.6581 20.161 9.48489 19.9787C9.31167 19.7964 9.10212 19.6525 8.86981 19.5563C8.63749 19.4601 8.38756 19.4138 8.1362 19.4202C7.88483 19.4267 7.63762 19.4858 7.41055 19.5938L6.25001 20.1458C5.91471 20.3066 5.53777 20.3593 5.17123 20.2967C4.80469 20.2341 4.46661 20.0593 4.20368 19.7963C3.94074 19.5334 3.7659 19.1953 3.7033 18.8288C3.6407 18.4622 3.69341 18.0853 3.85418 17.75L4.40618 16.5876C4.51417 16.3605 4.57331 16.1134 4.57976 15.8621C4.58621 15.6108 4.53984 15.361 4.44363 15.1287C4.34743 14.8965 4.20354 14.687 4.02128 14.5139C3.83901 14.3407 3.62243 14.2078 3.38555 14.1237L2.17326 13.6924C1.82343 13.5683 1.52065 13.3388 1.30651 13.0356C1.09238 12.7324 0.977417 12.3703 0.977417 11.9991C0.977417 11.6278 1.09238 11.2657 1.30651 10.9625C1.52065 10.6593 1.82343 10.4298 2.17326 10.3057L3.38555 9.87443C3.62218 9.79025 3.83853 9.65738 4.02062 9.48439C4.20271 9.3114 4.34648 9.10214 4.44267 8.87013C4.53885 8.63812 4.5853 8.38851 4.57901 8.13743C4.57273 7.88635 4.51385 7.63938 4.40618 7.41247L3.85418 6.25001C3.69341 5.91471 3.6407 5.53777 3.7033 5.17123C3.7659 4.80469 3.94074 4.46662 4.20368 4.20368C4.46661 3.94074 4.80469 3.7659 5.17123 3.7033C5.53777 3.6407 5.91471 3.69341 6.25001 3.85418L7.41247 4.40618C7.63932 4.5139 7.88624 4.57287 8.13729 4.57929C8.38835 4.58571 8.63795 4.53944 8.87002 4.44345C9.10209 4.34746 9.31146 4.2039 9.48462 4.02201C9.65779 3.84013 9.7909 3.62397 9.87538 3.38747L10.3066 2.17518C10.431 1.82568 10.6605 1.52324 10.9636 1.30937C11.2667 1.0955 11.6286 0.980682 11.9995 0.980682C12.3705 0.980682 12.7324 1.0955 13.0355 1.30937C13.3386 1.52324 13.5681 1.82568 13.6924 2.17518L14.1237 3.38747C14.2078 3.62435 14.3407 3.84093 14.5139 4.02319C14.687 4.20546 14.8965 4.34935 15.1287 4.44555C15.361 4.54176 15.6108 4.58813 15.8621 4.58168C16.1134 4.57523 16.3605 4.51609 16.5876 4.40809L17.75 3.85418C18.0853 3.69404 18.462 3.64179 18.8283 3.70462C19.1945 3.76746 19.5322 3.94229 19.795 4.20504C20.0577 4.46779 20.2326 4.80553 20.2954 5.17176C20.3582 5.538 20.306 5.9147 20.1458 6.25001L19.5919 7.41247Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M7.68655 12.0009C7.68655 13.1447 8.14091 14.2416 8.94966 15.0503C9.75841 15.8591 10.8553 16.3134 11.9991 16.3134C13.1428 16.3134 14.2397 15.8591 15.0485 15.0503C15.8572 14.2416 16.3116 13.1447 16.3116 12.0009C16.3116 10.8572 15.8572 9.7603 15.0485 8.95155C14.2397 8.1428 13.1428 7.68845 11.9991 7.68845C10.8553 7.68845 9.75841 8.1428 8.94966 8.95155C8.14091 9.7603 7.68655 10.8572 7.68655 12.0009Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
                  "id": "cog-1"
                },
                "label": "Ich bin das Label",
                "description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n"
              },
              {
                "pictogram": {
                  "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.1042 2.4205H2.89582C2.38749 2.4205 1.89998 2.62244 1.54054 2.98188C1.18109 3.34133 0.979156 3.82884 0.979156 4.33717V19.6705C0.979156 20.1788 1.18109 20.6663 1.54054 21.0258C1.89998 21.3852 2.38749 21.5872 2.89582 21.5872H21.1042C21.6125 21.5872 22.1 21.3852 22.4594 21.0258C22.8189 20.6663 23.0208 20.1788 23.0208 19.6705V4.33717C23.0208 3.82884 22.8189 3.34133 22.4594 2.98188C22.1 2.62244 21.6125 2.4205 21.1042 2.4205Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M0.979156 7.21216H23.0208\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M4.33333 5.05592C4.26979 5.05592 4.20885 5.03068 4.16392 4.98575C4.11899 4.94082 4.09375 4.87988 4.09375 4.81634C4.09375 4.75279 4.11899 4.69185 4.16392 4.64692C4.20885 4.60199 4.26979 4.57675 4.33333 4.57675\" stroke=\"black\"/>\n<path d=\"M4.33334 5.05592C4.39688 5.05592 4.45782 5.03068 4.50275 4.98575C4.54769 4.94082 4.57293 4.87988 4.57293 4.81634C4.57293 4.75279 4.54769 4.69185 4.50275 4.64692C4.45782 4.60199 4.39688 4.57675 4.33334 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20833 5.05592C7.14479 5.05592 7.08385 5.03068 7.03892 4.98575C6.99399 4.94082 6.96875 4.87988 6.96875 4.81634C6.96875 4.75279 6.99399 4.69185 7.03892 4.64692C7.08385 4.60199 7.14479 4.57675 7.20833 4.57675\" stroke=\"black\"/>\n<path d=\"M7.20834 5.05592C7.27188 5.05592 7.33282 5.03068 7.37775 4.98575C7.42268 4.94082 7.44793 4.87988 7.44793 4.81634C7.44793 4.75279 7.42268 4.69185 7.37775 4.64692C7.33282 4.60199 7.27188 4.57675 7.20834 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.0198 5.05592 9.95885 5.03068 9.91392 4.98575C9.86899 4.94082 9.84375 4.87988 9.84375 4.81634C9.84375 4.75279 9.86899 4.69185 9.91392 4.64692C9.95885 4.60199 10.0198 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n<path d=\"M10.0833 5.05592C10.1469 5.05592 10.2078 5.03068 10.2528 4.98575C10.2977 4.94082 10.3229 4.87988 10.3229 4.81634C10.3229 4.75279 10.2977 4.69185 10.2528 4.64692C10.2078 4.60199 10.1469 4.57675 10.0833 4.57675\" stroke=\"black\"/>\n</svg>\n",
                  "id": "app-window"
                },
                "label": "Ich ein ziemlich langer Text für ein Label",
                "description": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
              },
              {
                "label": "Ich bin das Label",
                "pictogram": {
                  "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.3095 5.05496C12.3514 4.9813 12.412 4.92005 12.4852 4.87746C12.5585 4.83487 12.6417 4.81245 12.7264 4.8125H15.1289C15.2139 4.81245 15.2974 4.835 15.3708 4.87784C15.4442 4.92069 15.5049 4.98228 15.5466 5.05631C15.5884 5.13033 15.6097 5.21413 15.6084 5.29911C15.607 5.38408 15.5831 5.46718 15.5391 5.53988L13.081 9.60417H15.6014C15.6949 9.60412 15.7863 9.63141 15.8645 9.68269C15.9427 9.73397 16.0041 9.80699 16.0413 9.89275C16.0785 9.97852 16.0897 10.0733 16.0737 10.1654C16.0577 10.2575 16.0151 10.3429 15.9512 10.4111L9.95778 16.8041C9.91966 16.8449 9.8685 16.8711 9.81312 16.8782C9.75774 16.8853 9.70163 16.8728 9.65447 16.8429C9.60732 16.813 9.57208 16.7676 9.55484 16.7145C9.53761 16.6614 9.53946 16.604 9.56007 16.5521L11.5419 11.5208H9.46807C9.38422 11.5209 9.30182 11.4989 9.22912 11.4571C9.15641 11.4154 9.09594 11.3553 9.05374 11.2828C9.01154 11.2103 8.9891 11.1281 8.98865 11.0442C8.98821 10.9604 9.00977 10.8779 9.0512 10.805L12.3095 5.05496Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M1.9375 4.11771V11.4365C1.96566 13.8548 2.73635 16.2061 4.1452 18.1719C5.55405 20.1376 7.53299 21.623 9.81404 22.4267L10.8883 22.8234C11.606 23.087 12.394 23.087 13.1117 22.8234L14.186 22.4267C16.467 21.623 18.446 20.1376 19.8548 18.1719C21.2637 16.2061 22.0343 13.8548 22.0625 11.4365V4.11771C22.0615 3.83016 21.9762 3.54922 21.8171 3.30971C21.658 3.0702 21.4321 2.88264 21.1674 2.77029C18.2643 1.55911 15.1455 0.949769 12 0.979164C8.85448 0.949769 5.73572 1.55911 2.83258 2.77029C2.5679 2.88264 2.342 3.0702 2.18289 3.30971C2.02379 3.54922 1.93846 3.83016 1.9375 4.11771Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
                  "id": "protection-shield-bolt"
                },
                "description": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
              },
              {
                "label": "Mit nicht definiertem Piktogramm",
                "description": "<p>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</p>\n"
              }
            ],
            "modifier": "is-large"
          },
          "ctas": [
            {
              "label": "Hier klicken!",
              "icon": {
                "id": "arrow-right",
                "weight": "bold"
              }
            },
            {
              "label": "Oder hier klicken!",
              "modifier": "is-secondary",
              "icon": {
                "id": "arrow-right",
                "weight": "bold"
              }
            }
          ],
          "theme": "dark"
        }
      ]
    },
    {
      "title": "With Revealable Items",
      "samples": {
        "title": "Ich bin der Titel",
        "featurelist": null,
        "ctas": null,
        "theme": "dark",
        "items": [
          {
            "summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
            "content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
            "pictogram": {
              "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
              "id": "check-badge"
            },
            "title": "I’m the summary",
            "ctas": null
          },
          {
            "summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
            "content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
            "pictogram": {
              "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
              "id": "check-badge"
            },
            "title": "I’m the summary",
            "ctas": null
          },
          {
            "summary": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
            "content": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
            "pictogram": {
              "code": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16 9.5L11.93 14.926C11.8641 15.0138 11.7802 15.0865 11.6838 15.139C11.5874 15.1916 11.4809 15.2229 11.3714 15.2308C11.2619 15.2386 11.152 15.2229 11.0491 15.1847C10.9462 15.1464 10.8528 15.0865 10.775 15.009L8.33301 12.566\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M10.7 1.12101C10.856 0.926077 11.0538 0.768721 11.2788 0.660587C11.5039 0.552452 11.7503 0.496307 12 0.496307C12.2497 0.496307 12.4961 0.552452 12.7211 0.660587C12.9462 0.768721 13.144 0.926077 13.3 1.12101L14.845 3.04401C15.0203 3.26205 15.2476 3.43243 15.5061 3.53939C15.7646 3.64635 16.0459 3.68646 16.324 3.65601L18.776 3.38901C19.0236 3.36262 19.2739 3.39202 19.5086 3.47505C19.7433 3.55809 19.9565 3.69264 20.1324 3.86883C20.3083 4.04503 20.4425 4.25839 20.5251 4.49324C20.6078 4.7281 20.6368 4.97848 20.61 5.22601L20.343 7.67701C20.3128 7.95518 20.3531 8.23648 20.4602 8.49497C20.5673 8.75345 20.7378 8.98079 20.956 9.15601L22.878 10.7C23.0728 10.8561 23.23 11.054 23.338 11.279C23.446 11.504 23.5021 11.7504 23.5021 12C23.5021 12.2496 23.446 12.496 23.338 12.721C23.23 12.946 23.0728 13.1439 22.878 13.3L20.956 14.845C20.7378 15.02 20.5673 15.2472 20.4602 15.5055C20.353 15.7638 20.3127 16.045 20.343 16.323L20.61 18.775C20.6371 19.0227 20.6082 19.2734 20.5255 19.5084C20.4428 19.7435 20.3084 19.957 20.1322 20.1332C19.956 20.3094 19.7425 20.4438 19.5074 20.5265C19.2723 20.6092 19.0217 20.6381 18.774 20.611L16.322 20.344C16.0438 20.314 15.7626 20.3543 15.5041 20.4615C15.2457 20.5686 15.0183 20.739 14.843 20.957L13.3 22.877C13.144 23.0719 12.9462 23.2293 12.7211 23.3374C12.4961 23.4456 12.2497 23.5017 12 23.5017C11.7503 23.5017 11.5039 23.4456 11.2788 23.3374C11.0538 23.2293 10.856 23.0719 10.7 22.877L9.15699 20.955C8.98166 20.737 8.7543 20.5666 8.49585 20.4595C8.23739 20.3523 7.95615 20.3119 7.67799 20.342L5.22599 20.609C4.97828 20.6361 4.72765 20.6072 4.49258 20.5245C4.25752 20.4418 4.04401 20.3074 3.86781 20.1312C3.69161 19.955 3.5572 19.7415 3.4745 19.5064C3.39181 19.2714 3.36293 19.0207 3.38999 18.773L3.65699 16.321C3.68725 16.043 3.64695 15.7618 3.53981 15.5035C3.43266 15.2452 3.26214 15.018 3.04399 14.843L1.12199 13.3C0.927228 13.1439 0.770026 12.946 0.662002 12.721C0.553978 12.496 0.497894 12.2496 0.497894 12C0.497894 11.7504 0.553978 11.504 0.662002 11.279C0.770026 11.054 0.927228 10.8561 1.12199 10.7L3.04399 9.15601C3.26215 8.98079 3.43266 8.75345 3.5398 8.49497C3.64693 8.23648 3.68724 7.95518 3.65699 7.67701L3.38999 5.22601C3.36315 4.97829 3.39217 4.72772 3.47493 4.4927C3.55769 4.25768 3.69209 4.04421 3.86822 3.86797C4.04436 3.69174 4.25776 3.55723 4.49273 3.47435C4.7277 3.39146 4.97827 3.3623 5.22599 3.38901L7.67799 3.65601C7.95608 3.68646 8.23736 3.64635 8.49586 3.53939C8.75435 3.43243 8.98173 3.26205 9.15699 3.04401L10.7 1.12101Z\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
              "id": "check-badge"
            },
            "title": "I’m the summary",
            "ctas": null
          }
        ]
      }
    }
  ]
}
  • Content: 
    @import "_featureSection.styles";

.featureSection {

    &-features:has(.revealableContent) + &-ctas {
        margin-top: 0 !important;
        border-top: none !important;
    }

    @include only-on-desktop(){

        &-features:has(.revealableContent) {
            display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: var(--gg);
        }

    }

}
  • URL: /components/raw/featuresection/_featureSection.scss
  • Filesystem Path: components/04-modules/featureSection/_featureSection.scss
  • Size: 386 Bytes
  • Content: 
    .featureSection {
    @include stack-spacing(section);

    &-title {
        @extend %sectionTitle;
        @include stack-spacing(0);
    }

    &-header {
        padding-top: var(--sp-component);
        border-top: $_border;

        .figure {
            @include stack-spacing(0);
        }

        &-figure + &-text {
            @include stack-spacing();
        }

        &-title {
            @extend %heading--section-title;
            @include stack-spacing(0);
        }

    }

    &-header + &-banner {
        @include stack-spacing(component);
    }

    &-features:not(:first-child) {
        @include stack-spacing(component);
    }

    .featureList {
        @include stack-spacing(0);
    }

    &-ctas {
        @extend %buttonGroup;

        justify-content: center;

        @include stack-spacing(component);
    }

    &-features:not(:has(.featureList.is-small)):not(:has(.featureList.is-large)) + &-ctas {
        margin-top: $featureList_padding;
        @include stack-spacing(component, padding-top);
        border-top: $featureList_border;
    }

    &[data-theme] {
        @include full-width-backdrop($set-padding: true);
    }

    @include only-on-desktop(){

        &-header {
            display: flex;
            column-gap: var(--gg);

            &-figure {
                width: get-columns-width(5);
            }

            &-text {
                width: get-columns-width(7);
            }

            &-figure + &-text {
                @include stack-spacing(0);
            }

        }

        &-ctas {
            width: get-columns-width(10);
            margin-left: auto;
            margin-right: auto;
        }

        &.has-max-two-columns {

            .featureList.is-small .featureList-list {
                @include grid-flowbox($max-columns: 2);
            }

        }

    }

}
  • URL: /components/raw/featuresection/_featureSection.styles.scss
  • Filesystem Path: components/04-modules/featureSection/_featureSection.styles.scss
  • Size: 1.9 KB