No notes defined.
<!-- Default -->
<div class="productFeatures has-backdrop" data-theme="accent">
<h2 class="productFeatures-title">Ich bin der Titel</h2>
<div class="productFeatures-figure">
<div class="productMockup">
<div class="productMockup-figure">
<figure class="figure" style="">
<a href="../../#.html">
<img class="figure-image" src="../../images/productMockup/sample-screenshot-desktop.png" alt="Ich bin eine Produktabbildung" />
</a>
<figcaption class="figure-caption"><span>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</span></figcaption>
</figure>
</div>
</div>
</div>
<div class="productFeatures-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>
<!-- Extended -->
<div class="productFeatures has-backdrop is-extended" data-theme="accent">
<h2 class="productFeatures-title">Ich bin der Titel</h2>
<div class="productFeatures-figure">
<div class="productMockup">
<div class="productMockup-figure">
<figure class="figure" style="">
<a href="../../#.html">
<img class="figure-image" src="../../images/productMockup/sample-screenshot-desktop.png" alt="Ich bin eine Produktabbildung" />
</a>
<figcaption class="figure-caption"><span>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</span></figcaption>
</figure>
</div>
</div>
</div>
<div class="productFeatures-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>
<!-- Tablet -->
<div class="productFeatures has-backdrop" data-theme="accent">
<h2 class="productFeatures-title">Ich bin der Titel</h2>
<div class="productFeatures-figure">
<div class="productMockup" data-device="tablet">
<div class="productMockup-figure">
<figure class="figure" style="">
<a href="../../#.html">
<img class="figure-image" src="../../images/productMockup/sample-screenshot-tablet.png" alt="Ich bin eine Produktabbildung" />
</a>
<figcaption class="figure-caption"><span>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</span></figcaption>
</figure>
</div>
</div>
</div>
<div class="productFeatures-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>
<!-- Tablet Extended -->
<div class="productFeatures has-backdrop is-extended" data-theme="accent">
<h2 class="productFeatures-title">Ich bin der Titel</h2>
<div class="productFeatures-figure">
<div class="productMockup" data-device="tablet">
<div class="productMockup-figure">
<figure class="figure" style="">
<a href="../../#.html">
<img class="figure-image" src="../../images/productMockup/sample-screenshot-tablet.png" alt="Ich bin eine Produktabbildung" />
</a>
<figcaption class="figure-caption"><span>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</span></figcaption>
</figure>
</div>
</div>
</div>
<div class="productFeatures-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>
<!-- Demo Only -->
<section class="doc-section">
<h2 class="doc-section-title">Default</h2>
<div class="doc-variant">
<div class="productFeatures has-backdrop" data-theme="accent">
<h2 class="productFeatures-title">Ich bin der Titel</h2>
<div class="productFeatures-figure">
<div class="productMockup">
<div class="productMockup-figure">
<figure class="figure" style="">
<a href="../../#.html">
<img class="figure-image" src="../../images/productMockup/sample-screenshot-desktop.png" alt="Ich bin eine Produktabbildung" />
</a>
<figcaption class="figure-caption"><span>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</span></figcaption>
</figure>
</div>
</div>
</div>
<div class="productFeatures-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>
</div>
<div class="doc-variant">
<div class="productFeatures has-backdrop" data-theme="accent">
<h2 class="productFeatures-title">Ich bin der Titel</h2>
<div class="productFeatures-figure">
<div class="productMockup" data-device="tablet">
<div class="productMockup-figure">
<figure class="figure" style="">
<a href="../../#.html">
<img class="figure-image" src="../../images/productMockup/sample-screenshot-tablet.png" alt="Ich bin eine Produktabbildung" />
</a>
<figcaption class="figure-caption"><span>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</span></figcaption>
</figure>
</div>
</div>
</div>
<div class="productFeatures-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>
</div>
</section>
<section class="doc-section">
<h2 class="doc-section-title">Extended</h2>
<div class="doc-variant-configuration">
<ul data-label="Modifier">
<li>is-extended</li>
</ul>
</div>
<div class="doc-variant">
<div class="productFeatures has-backdrop is-extended" data-theme="accent">
<h2 class="productFeatures-title">Ich bin der Titel</h2>
<div class="productFeatures-figure">
<div class="productMockup">
<div class="productMockup-figure">
<figure class="figure" style="">
<a href="../../#.html">
<img class="figure-image" src="../../images/productMockup/sample-screenshot-desktop.png" alt="Ich bin eine Produktabbildung" />
</a>
<figcaption class="figure-caption"><span>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</span></figcaption>
</figure>
</div>
</div>
</div>
<div class="productFeatures-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>
</div>
<div class="doc-variant">
<div class="productFeatures has-backdrop is-extended" data-theme="accent">
<h2 class="productFeatures-title">Ich bin der Titel</h2>
<div class="productFeatures-figure">
<div class="productMockup" data-device="tablet">
<div class="productMockup-figure">
<figure class="figure" style="">
<a href="../../#.html">
<img class="figure-image" src="../../images/productMockup/sample-screenshot-tablet.png" alt="Ich bin eine Produktabbildung" />
</a>
<figcaption class="figure-caption"><span>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</span></figcaption>
</figure>
</div>
</div>
</div>
<div class="productFeatures-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>
</div>
</section>
<div style="height: 100vh"></div>
<!-- Default -->
<div class="productFeatures has-backdrop{{#modifier}} {{.}}{{/modifier}}" data-theme="accent">
{{#title}}<h2 class="productFeatures-title">{{{.}}}</h2>{{/title}}
{{#productmockup}}
<div class="productFeatures-figure">
{{render '@productmockup' (contextData '@productfeatures' this) merge=true}}
</div>
{{/productmockup}}
{{#featurelist}}
<div class="productFeatures-features">
{{render '@featurelist' (contextData '@productfeatures' this) merge=true}}
</div>
{{/featurelist}}
</div>
<!-- Extended -->
<div class="productFeatures has-backdrop{{#modifier}} {{.}}{{/modifier}}" data-theme="accent">
{{#title}}<h2 class="productFeatures-title">{{{.}}}</h2>{{/title}}
{{#productmockup}}
<div class="productFeatures-figure">
{{render '@productmockup' (contextData '@productfeatures' this) merge=true}}
</div>
{{/productmockup}}
{{#featurelist}}
<div class="productFeatures-features">
{{render '@featurelist' (contextData '@productfeatures' this) merge=true}}
</div>
{{/featurelist}}
</div>
<!-- Tablet -->
<div class="productFeatures has-backdrop{{#modifier}} {{.}}{{/modifier}}" data-theme="accent">
{{#title}}<h2 class="productFeatures-title">{{{.}}}</h2>{{/title}}
{{#productmockup}}
<div class="productFeatures-figure">
{{render '@productmockup' (contextData '@productfeatures' this) merge=true}}
</div>
{{/productmockup}}
{{#featurelist}}
<div class="productFeatures-features">
{{render '@featurelist' (contextData '@productfeatures' this) merge=true}}
</div>
{{/featurelist}}
</div>
<!-- Tablet Extended -->
<div class="productFeatures has-backdrop{{#modifier}} {{.}}{{/modifier}}" data-theme="accent">
{{#title}}<h2 class="productFeatures-title">{{{.}}}</h2>{{/title}}
{{#productmockup}}
<div class="productFeatures-figure">
{{render '@productmockup' (contextData '@productfeatures' this) merge=true}}
</div>
{{/productmockup}}
{{#featurelist}}
<div class="productFeatures-features">
{{render '@featurelist' (contextData '@productfeatures' this) merge=true}}
</div>
{{/featurelist}}
</div>
<!-- Demo Only -->
{{#variants}}
<section class="doc-section">
{{#title}}
<h2 class="doc-section-title">{{{.}}}</h2>
{{/title}}
{{#if modifiers}}
<div class="doc-variant-configuration">
<ul data-label="Modifier">
{{#modifiers}}
<li>{{{.}}}</li>
{{/modifiers}}
</ul>
</div>
{{/if}}
{{#samples}}
<div class="doc-variant">
{{render '@productfeatures' (contextData '@productfeatures' this) merge=true}}
</div>
{{/samples}}
</section>
{{/variants}}
<div style="height: 100vh"></div>
/* Default */
{
"title": "Ich bin der Titel",
"productmockup": {
"figure": {
"src": "/images/productMockup/sample-screenshot-desktop.png",
"alt": "Ich bin eine Produktabbildung",
"caption": "Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.",
"link": {
"label": "Details anzeigen",
"url": "#"
}
}
},
"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"
}
}
/* Extended */
{
"title": "Ich bin der Titel",
"productmockup": {
"figure": {
"src": "/images/productMockup/sample-screenshot-desktop.png",
"alt": "Ich bin eine Produktabbildung",
"caption": "Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.",
"link": {
"label": "Details anzeigen",
"url": "#"
}
}
},
"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"
},
"modifier": "is-extended"
}
/* Tablet */
{
"title": "Ich bin der Titel",
"productmockup": {
"figure": {
"src": "/images/productMockup/sample-screenshot-tablet.png",
"alt": "Ich bin eine Produktabbildung",
"caption": "Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.",
"link": {
"label": "Details anzeigen",
"url": "#"
}
},
"device": "tablet"
},
"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"
}
}
/* Tablet Extended */
{
"title": "Ich bin der Titel",
"productmockup": {
"figure": {
"src": "/images/productMockup/sample-screenshot-tablet.png",
"alt": "Ich bin eine Produktabbildung",
"caption": "Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.",
"link": {
"label": "Details anzeigen",
"url": "#"
}
},
"device": "tablet"
},
"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"
},
"modifier": "is-extended"
}
/* Demo Only */
{
"title": "Ich bin der Titel",
"productmockup": {
"figure": {
"src": "/images/productMockup/sample-screenshot-desktop.png",
"alt": "Ich bin eine Produktabbildung",
"caption": "Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.",
"link": {
"label": "Details anzeigen",
"url": "#"
}
}
},
"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"
},
"variants": [
{
"title": "Default",
"samples": [
{
"title": "Ich bin der Titel",
"productmockup": {
"figure": {
"src": "/images/productMockup/sample-screenshot-desktop.png",
"alt": "Ich bin eine Produktabbildung",
"caption": "Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.",
"link": {
"label": "Details anzeigen",
"url": "#"
}
}
},
"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"
}
},
{
"title": "Ich bin der Titel",
"productmockup": {
"figure": {
"src": "/images/productMockup/sample-screenshot-tablet.png",
"alt": "Ich bin eine Produktabbildung",
"caption": "Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.",
"link": {
"label": "Details anzeigen",
"url": "#"
}
},
"device": "tablet"
},
"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"
}
}
]
},
{
"title": "Extended",
"modifiers": "is-extended",
"samples": [
{
"title": "Ich bin der Titel",
"productmockup": {
"figure": {
"src": "/images/productMockup/sample-screenshot-desktop.png",
"alt": "Ich bin eine Produktabbildung",
"caption": "Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.",
"link": {
"label": "Details anzeigen",
"url": "#"
}
}
},
"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"
},
"modifier": "is-extended"
},
{
"title": "Ich bin der Titel",
"productmockup": {
"figure": {
"src": "/images/productMockup/sample-screenshot-tablet.png",
"alt": "Ich bin eine Produktabbildung",
"caption": "Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.",
"link": {
"label": "Details anzeigen",
"url": "#"
}
},
"device": "tablet"
},
"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"
},
"modifier": "is-extended"
}
]
}
]
}
@import "_productFeatures.styles";
.productFeatures {
@include stack-spacing(section);
background-color: transparent;
@include full-width-backdrop($set-padding: true);
&-title {
@extend %sectionTitle;
@include stack-spacing(0);
}
&-figure {
position: relative;
z-index: -1;
}
&-features {
@include stack-spacing(section);
.featureList {
@include stack-spacing(0);
}
}
.productMockup {
.figure-caption {
@extend %visually-hidden;
}
}
@include only-on-desktop(){
&-figure {
width: get-columns-width(8);
margin-left: auto;
margin-right: auto;
}
}
&.is-extended {
.featureList {
&-list {
display: block;
}
&-item {
width: get-columns-width(5);
@include box-padding(large);
background-color: $_glass_background-color;
backdrop-filter: $_glass_backdrop-filter;
@include border-radius();
&:nth-child(2n) {
margin-left: auto;
}
}
}
}
&.is-extended &-figure {
position: sticky;
top: calc(var(--sp-component) + var(--intrapageNav-height));
}
@include not-on-desktop(){
&.is-extended {
padding-bottom: var(--pp);
.featureList {
&-list {
display: block;
}
&-item {
width: 100%;
@include stack-spacing(section);
}
}
}
}
}