<div class="sds-digitalSignage d-flex flex-column -landscape">
<header class="sds-digitalSignage__header">
<div class="row align-items-start no-bottom-gutter no-inline-gutter">
<div class="col-auto sds-digitalSignage__inlineEnd11xl5">
<svg width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1072_101)">
<path d="M90 0H0V90H90V0Z" fill="#DE0000" />
<path d="M61.38 35.6399V22.4099L54.72 9.17993L48.06 22.4099V35.6399H51.48V23.2199L54.72 16.5599L58.05 23.2199V35.6399H61.38Z" fill="white" />
<path d="M72.09 39.8699H18.09V43.3799H72.09V39.8699Z" fill="white" />
<path d="M71.91 50.3099C66.06 50.3099 61.38 54.9899 61.38 60.8399V81.8099C60.3 80.1899 59.13 78.4799 57.87 76.9499V60.8399C57.87 53.0999 64.08 46.7999 71.91 46.7999V50.3099Z" fill="white" />
<path d="M52.11 53.8199C52.11 49.9499 48.96 46.7999 45 46.7999C41.04 46.7999 37.98 49.9499 37.98 53.8199V61.1999C39.15 61.6499 40.32 62.1899 41.49 62.8199V53.8199C41.49 51.9299 43.02 50.3099 45 50.3099C46.89 50.3099 48.51 51.8399 48.51 53.8199V67.0499L52.02 69.7499L52.11 53.8199Z" fill="white" />
<path d="M25.02 46.7999C28.98 46.7999 32.13 49.9499 32.13 53.8199H32.04V59.8499C30.87 59.4899 29.7 59.1299 28.53 58.8599V53.8199C28.53 51.8399 26.91 50.3099 25.02 50.3099C23.04 50.3099 21.51 51.9299 21.51 53.8199V57.5999L18 57.3299V53.8199C18 49.9499 21.06 46.7999 25.02 46.7999Z" fill="white" />
</g>
<defs>
<clipPath id="clip0_1072_101">
<rect width="90" height="90" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="col">
<div class="sds-stackSm">
<div class="sds-textSemiBold" style="color: var(--comp-digital-signage-luxfunds-cat-d-text-color);">Equity - Régions</div>
<h1 class="h-pageCover">
Luxfunds-Portfolio Global Flexible
</h1>
</div>
</div>
</div>
</header>
<main class="sds-digitalSignage__main flex-grow-1">
<div class="sds-slider w-100 d-flex flex-grow-1">
<div class="sds-slider__inner d-flex flex-grow-1 swiper" id="digitalSignageLandscape" data-visible-slides="1" data-delay="50000000" data-speed="1250">
<ul class="sds-digitalSignage__landscapeSwiper swiper-wrapper list-unstyled">
<li class="swiper-slide">
<div class="row justify-content-between no-bottom-gutter h-100">
<div class="col-6 d-flex flex-column">
<div class="sds-staticStackMd d-flex flex-column flex-grow-1">
<div class="sds-staticStackMd" data-swiper-landscape-transition data-swiper-landscape-transition-1>
<div>
<h3 class="h3">Ventilation du portefeuille</h3>
<p>au 30.06.2024</p>
</div>
<div class="row align-items-center">
<div class="col-auto">
<svg class="img-fluid" width="298" height="298" viewBox="0 0 298 298" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.62964 127.024C4.64149 106.828 11.7726 87.4654 22.5803 70.1399C33.388 52.8144 47.6416 37.8953 64.4563 26.3088L85.5922 56.9819C72.9812 65.6718 62.291 76.8611 54.1852 89.8552C46.0795 102.849 40.7311 117.371 38.4722 132.518L1.62964 127.024Z" fill="#B61848" />
<path d="M88.8354 12.688C121.889 -1.90082 159.117 -3.9827 193.591 6.82986C228.065 17.6424 257.436 40.6128 276.237 71.4654C295.038 102.318 301.988 138.951 295.794 174.546C289.6 210.141 270.683 242.273 242.565 264.96L219.174 235.971C240.262 218.955 254.45 194.856 259.095 168.16C263.741 141.464 258.528 113.989 244.428 90.8493C230.327 67.7098 208.299 50.4821 182.443 42.3726C156.588 34.2632 128.667 35.8246 103.877 46.7662L88.8354 12.688Z" fill="#510A20" />
<path d="M239.822 267.121C216.434 285.104 188.235 295.739 158.798 297.678C129.36 299.618 100.01 292.776 74.4647 278.018C48.9198 263.261 28.3308 241.252 15.3066 214.781C2.28235 188.311 -2.5908 158.57 1.30465 129.327L38.2285 134.245C35.3069 156.177 38.9618 178.483 48.7299 198.336C58.4981 218.189 73.9399 234.696 93.0985 245.764C112.257 256.832 134.27 261.964 156.348 260.509C178.426 259.054 199.576 251.078 217.116 237.591L239.822 267.121Z" fill="#8C1237" />
<path d="M66.3077 25.7687C72.6254 21.4568 79.2678 17.641 86.1751 14.3555L102.074 47.7817C96.8939 50.2459 91.9121 53.1077 87.1739 56.3416L66.3077 25.7687Z" fill="#730F2D" />
</svg>
</div>
<div class="col">
<ul class="sds-list sds-stackMd list-unstyled sds-textBodyLg">
<li style="--comp-list-unordered-dot-background-color: #510A20;">Obligations: 45,81</li>
<li style="--comp-list-unordered-dot-background-color: #8C1237;">Actions: 37,54</li>
<li style="--comp-list-unordered-dot-background-color: #B61848;">Fonds d'investissement: 13,69</li>
<li style="--comp-list-unordered-dot-background-color: #730F2D;">Liquidités: 2,96</li>
</ul>
</div>
</div>
</div>
<div data-swiper-landscape-transition data-swiper-landscape-transition-2 class="sds-autoStack">
<div class="row row-sm align-items-stretch">
<div class="col-auto">
<div class="sds-box -boxBordered -insetLg text-center">
<div class="sds-textSemiBold sds-bodyLg">
Niv. risque*
</div>
<div class="h1 sds-colorInherit">3</div>
</div>
</div>
<div class="col-auto">
<div class="sds-box -boxBordered -insetLg text-center">
<div class="sds-textSemiBold sds-bodyLg">
VNI
</div>
<div class="h1 sds-colorInherit">128.02€</div>
</div>
</div>
<div class="col-auto flex-shrink-0 ml-auto">
<div class="sds-box -boxSuccess -boxInsetLg text-center">
<div class="sds-textSemiBold sds-bodyLg">
Perf. 5 years
</div>
<div class="h1 sds-colorInherit">+12,51 %</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-5">
<div class="sds-stackXl" data-swiper-landscape-transition data-swiper-landscape-transition-3>
<div class="sds-stackSm">
<h3 class="h3">Principaux investissements en actions</h3>
<table class="sds-infoTable table -alignMiddle -itemInsetSpacingSm">
<tbody>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>European Economic Community 3.375% EMTN Sen 12/04.04.32</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,41
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>European Union 3.125% EMTN 23/04.12.30</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,12
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Oesterreich 2.9% 23/20.02.33</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,10
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>France 2% 22/25.11.32</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,03
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Oesterreich 2.9% 23/20.02.33</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,10
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="sds-stackSm">
<h3 class="h3">Principaux investissements en obligations</h3>
<table class="sds-infoTable table -alignMiddle -itemInsetSpacingSm">
<tbody>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,41
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Apple Inc Reg</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,12
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,10
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,03
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,10
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</li>
<li class="swiper-slide">
<div class="row justify-content-between no-bottom-gutter h-100">
<div class="col-6 d-flex flex-column">
<div class="sds-staticStackMd d-flex flex-column flex-grow-1">
<div class="sds-staticStackMd" data-swiper-landscape-transition data-swiper-landscape-transition-1>
<div>
<h3 class="h3">Ventilation du portefeuille</h3>
<p>au 30.06.2024</p>
</div>
<div class="row align-items-center">
<div class="col-auto">
<svg class="img-fluid" width="298" height="298" viewBox="0 0 298 298" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.62964 127.024C4.64149 106.828 11.7726 87.4654 22.5803 70.1399C33.388 52.8144 47.6416 37.8953 64.4563 26.3088L85.5922 56.9819C72.9812 65.6718 62.291 76.8611 54.1852 89.8552C46.0795 102.849 40.7311 117.371 38.4722 132.518L1.62964 127.024Z" fill="#B61848" />
<path d="M88.8354 12.688C121.889 -1.90082 159.117 -3.9827 193.591 6.82986C228.065 17.6424 257.436 40.6128 276.237 71.4654C295.038 102.318 301.988 138.951 295.794 174.546C289.6 210.141 270.683 242.273 242.565 264.96L219.174 235.971C240.262 218.955 254.45 194.856 259.095 168.16C263.741 141.464 258.528 113.989 244.428 90.8493C230.327 67.7098 208.299 50.4821 182.443 42.3726C156.588 34.2632 128.667 35.8246 103.877 46.7662L88.8354 12.688Z" fill="#510A20" />
<path d="M239.822 267.121C216.434 285.104 188.235 295.739 158.798 297.678C129.36 299.618 100.01 292.776 74.4647 278.018C48.9198 263.261 28.3308 241.252 15.3066 214.781C2.28235 188.311 -2.5908 158.57 1.30465 129.327L38.2285 134.245C35.3069 156.177 38.9618 178.483 48.7299 198.336C58.4981 218.189 73.9399 234.696 93.0985 245.764C112.257 256.832 134.27 261.964 156.348 260.509C178.426 259.054 199.576 251.078 217.116 237.591L239.822 267.121Z" fill="#8C1237" />
<path d="M66.3077 25.7687C72.6254 21.4568 79.2678 17.641 86.1751 14.3555L102.074 47.7817C96.8939 50.2459 91.9121 53.1077 87.1739 56.3416L66.3077 25.7687Z" fill="#730F2D" />
</svg>
</div>
<div class="col">
<ul class="sds-list sds-stackMd list-unstyled sds-textBodyLg">
<li style="--comp-list-unordered-dot-background-color: #510A20;">Obligations: 45,81</li>
<li style="--comp-list-unordered-dot-background-color: #8C1237;">Actions: 37,54</li>
<li style="--comp-list-unordered-dot-background-color: #B61848;">Fonds d'investissement: 13,69</li>
<li style="--comp-list-unordered-dot-background-color: #730F2D;">Liquidités: 2,96</li>
</ul>
</div>
</div>
</div>
<div data-swiper-landscape-transition data-swiper-landscape-transition-2 class="sds-autoStack">
<div class="row row-sm align-items-stretch">
<div class="col-auto">
<div class="sds-box -boxBordered -insetLg text-center">
<div class="sds-textSemiBold sds-bodyLg">
Niv. risque*
</div>
<div class="h1 sds-colorInherit">3</div>
</div>
</div>
<div class="col-auto">
<div class="sds-box -boxBordered -insetLg text-center">
<div class="sds-textSemiBold sds-bodyLg">
VNI
</div>
<div class="h1 sds-colorInherit">128.02€</div>
</div>
</div>
<div class="col-auto flex-shrink-0 ml-auto">
<div class="sds-box -boxSuccess -boxInsetLg text-center">
<div class="sds-textSemiBold sds-bodyLg">
Perf. 5 years
</div>
<div class="h1 sds-colorInherit">+12,51 %</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-5">
<div class="sds-stackXl" data-swiper-landscape-transition data-swiper-landscape-transition-3>
<div class="sds-stackSm">
<h3 class="h3">Principaux investissements en actions</h3>
<table class="sds-infoTable table -alignMiddle -itemInsetSpacingSm">
<tbody>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>European Economic Community 3.375% EMTN Sen 12/04.04.32</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,41
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>European Union 3.125% EMTN 23/04.12.30</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,12
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Oesterreich 2.9% 23/20.02.33</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,10
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>France 2% 22/25.11.32</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,03
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Oesterreich 2.9% 23/20.02.33</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,10
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="sds-stackSm">
<h3 class="h3">Principaux investissements en obligations</h3>
<table class="sds-infoTable table -alignMiddle -itemInsetSpacingSm">
<tbody>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,41
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Apple Inc Reg</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,12
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,10
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,03
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,10
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</li>
<li class="swiper-slide">
<div class="row justify-content-between no-bottom-gutter h-100">
<div class="col-6 d-flex flex-column">
<div class="sds-staticStackMd d-flex flex-column flex-grow-1">
<div class="sds-staticStackMd" data-swiper-landscape-transition data-swiper-landscape-transition-1>
<div>
<h3 class="h3">Ventilation du portefeuille</h3>
<p>au 30.06.2024</p>
</div>
<div class="row align-items-center">
<div class="col-auto">
<svg class="img-fluid" width="298" height="298" viewBox="0 0 298 298" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.62964 127.024C4.64149 106.828 11.7726 87.4654 22.5803 70.1399C33.388 52.8144 47.6416 37.8953 64.4563 26.3088L85.5922 56.9819C72.9812 65.6718 62.291 76.8611 54.1852 89.8552C46.0795 102.849 40.7311 117.371 38.4722 132.518L1.62964 127.024Z" fill="#B61848" />
<path d="M88.8354 12.688C121.889 -1.90082 159.117 -3.9827 193.591 6.82986C228.065 17.6424 257.436 40.6128 276.237 71.4654C295.038 102.318 301.988 138.951 295.794 174.546C289.6 210.141 270.683 242.273 242.565 264.96L219.174 235.971C240.262 218.955 254.45 194.856 259.095 168.16C263.741 141.464 258.528 113.989 244.428 90.8493C230.327 67.7098 208.299 50.4821 182.443 42.3726C156.588 34.2632 128.667 35.8246 103.877 46.7662L88.8354 12.688Z" fill="#510A20" />
<path d="M239.822 267.121C216.434 285.104 188.235 295.739 158.798 297.678C129.36 299.618 100.01 292.776 74.4647 278.018C48.9198 263.261 28.3308 241.252 15.3066 214.781C2.28235 188.311 -2.5908 158.57 1.30465 129.327L38.2285 134.245C35.3069 156.177 38.9618 178.483 48.7299 198.336C58.4981 218.189 73.9399 234.696 93.0985 245.764C112.257 256.832 134.27 261.964 156.348 260.509C178.426 259.054 199.576 251.078 217.116 237.591L239.822 267.121Z" fill="#8C1237" />
<path d="M66.3077 25.7687C72.6254 21.4568 79.2678 17.641 86.1751 14.3555L102.074 47.7817C96.8939 50.2459 91.9121 53.1077 87.1739 56.3416L66.3077 25.7687Z" fill="#730F2D" />
</svg>
</div>
<div class="col">
<ul class="sds-list sds-stackMd list-unstyled sds-textBodyLg">
<li style="--comp-list-unordered-dot-background-color: #510A20;">Obligations: 45,81</li>
<li style="--comp-list-unordered-dot-background-color: #8C1237;">Actions: 37,54</li>
<li style="--comp-list-unordered-dot-background-color: #B61848;">Fonds d'investissement: 13,69</li>
<li style="--comp-list-unordered-dot-background-color: #730F2D;">Liquidités: 2,96</li>
</ul>
</div>
</div>
</div>
<div data-swiper-landscape-transition data-swiper-landscape-transition-2 class="sds-autoStack">
<div class="row row-sm align-items-stretch">
<div class="col-auto">
<div class="sds-box -boxBordered -insetLg text-center">
<div class="sds-textSemiBold sds-bodyLg">
Niv. risque*
</div>
<div class="h1 sds-colorInherit">3</div>
</div>
</div>
<div class="col-auto">
<div class="sds-box -boxBordered -insetLg text-center">
<div class="sds-textSemiBold sds-bodyLg">
VNI
</div>
<div class="h1 sds-colorInherit">128.02€</div>
</div>
</div>
<div class="col-auto flex-shrink-0 ml-auto">
<div class="sds-box -boxSuccess -boxInsetLg text-center">
<div class="sds-textSemiBold sds-bodyLg">
Perf. 5 years
</div>
<div class="h1 sds-colorInherit">+12,51 %</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-5">
<div class="sds-stackXl" data-swiper-landscape-transition data-swiper-landscape-transition-3>
<div class="sds-stackSm">
<h3 class="h3">Principaux investissements en actions</h3>
<table class="sds-infoTable table -alignMiddle -itemInsetSpacingSm">
<tbody>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>European Economic Community 3.375% EMTN Sen 12/04.04.32</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,41
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>European Union 3.125% EMTN 23/04.12.30</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,12
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Oesterreich 2.9% 23/20.02.33</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,10
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>France 2% 22/25.11.32</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,03
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Oesterreich 2.9% 23/20.02.33</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,10
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="sds-stackSm">
<h3 class="h3">Principaux investissements en obligations</h3>
<table class="sds-infoTable table -alignMiddle -itemInsetSpacingSm">
<tbody>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,41
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Apple Inc Reg</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,12
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,10
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,03
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-infoTable__cellContent sds-staticInlineMd">
<div class="sds-avatar centeredBgi -avatarSm -avatarBase">
<img class="img-fluid" src="../../media/spuerkeess-site/pages/digital-signage/european-flag.png" alt="">
<div class="sds-avatar__text">AG</div>
</div>
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-badge badge -badgePrimary -badgeTonal">
2,10
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="sds-digitalSignage__layoutGraph">
<img class="img-fluid" src="../../media/spuerkeess-site/components/digital-signage/graph.svg" alt="">
</div>
</main>
<footer class="sds-digitalSignage__footer -footerStatic sds-headingColor">
<div class="row align-items-center justify-content-between sds-digitalSignage__text11xl5">
<div class="col sds-digitalSignage__text11xl5 d-flex">
<span class="sds-fontHeadingLight text-uppercase">SPUERKEESS.LU/</span>
<span class="sds-fontHeadingBold">extension</span>
</div>
<div class="col text-right">
<p class="sds-formDisclaimer -insetHorizLg">
*: Niv. risque = l'indicateur du risque a été déterminé sur base de la performance historique des 5 dernières années et ne saurait être considéré comme un indicateur fiable du profil de risque futur du compartiment. L'indicateur se présente sous forme d'échelle numérique graduée de 1 pour un risque faible à 7 pour un risque élevé.
</p>
</div>
<div class="col-auto text-right">
<div class="sds-digitalSignage__text11xl5">
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</footer>
</div>
{% extends "@spk-digital-signage-landscape-layout" %}
{% block main %}
<div class="{{ namespace }}slider w-100 d-flex flex-grow-1">
<div class="{{ namespace }}slider__inner d-flex flex-grow-1 swiper" id="digitalSignageLandscape" data-visible-slides="1" data-delay="50000000" data-speed="1250">
<ul class="{{ namespace }}digitalSignage__landscapeSwiper swiper-wrapper list-unstyled">
{% for i in range(0,3) %}
<li class="swiper-slide">
<div class="row justify-content-between no-bottom-gutter h-100">
<div class="col-6 d-flex flex-column">
<div class="{{ namespace }}staticStackMd d-flex flex-column flex-grow-1">
<div class="{{ namespace }}staticStackMd" data-swiper-landscape-transition data-swiper-landscape-transition-1>
<div>
<h3 class="h3">Ventilation du portefeuille</h3>
<p>au 30.06.2024</p>
</div>
<div class="row align-items-center">
<div class="col-auto">
<svg class="img-fluid" width="298" height="298" viewBox="0 0 298 298" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.62964 127.024C4.64149 106.828 11.7726 87.4654 22.5803 70.1399C33.388 52.8144 47.6416 37.8953 64.4563 26.3088L85.5922 56.9819C72.9812 65.6718 62.291 76.8611 54.1852 89.8552C46.0795 102.849 40.7311 117.371 38.4722 132.518L1.62964 127.024Z" fill="#B61848"/>
<path d="M88.8354 12.688C121.889 -1.90082 159.117 -3.9827 193.591 6.82986C228.065 17.6424 257.436 40.6128 276.237 71.4654C295.038 102.318 301.988 138.951 295.794 174.546C289.6 210.141 270.683 242.273 242.565 264.96L219.174 235.971C240.262 218.955 254.45 194.856 259.095 168.16C263.741 141.464 258.528 113.989 244.428 90.8493C230.327 67.7098 208.299 50.4821 182.443 42.3726C156.588 34.2632 128.667 35.8246 103.877 46.7662L88.8354 12.688Z" fill="#510A20"/>
<path d="M239.822 267.121C216.434 285.104 188.235 295.739 158.798 297.678C129.36 299.618 100.01 292.776 74.4647 278.018C48.9198 263.261 28.3308 241.252 15.3066 214.781C2.28235 188.311 -2.5908 158.57 1.30465 129.327L38.2285 134.245C35.3069 156.177 38.9618 178.483 48.7299 198.336C58.4981 218.189 73.9399 234.696 93.0985 245.764C112.257 256.832 134.27 261.964 156.348 260.509C178.426 259.054 199.576 251.078 217.116 237.591L239.822 267.121Z" fill="#8C1237"/>
<path d="M66.3077 25.7687C72.6254 21.4568 79.2678 17.641 86.1751 14.3555L102.074 47.7817C96.8939 50.2459 91.9121 53.1077 87.1739 56.3416L66.3077 25.7687Z" fill="#730F2D"/>
</svg>
</div>
<div class="col">
<ul class="{{ namespace }}list {{ namespace }}stackMd list-unstyled {{ namespace }}textBodyLg">
<li style="--comp-list-unordered-dot-background-color: #510A20;">Obligations: 45,81</li>
<li style="--comp-list-unordered-dot-background-color: #8C1237;">Actions: 37,54</li>
<li style="--comp-list-unordered-dot-background-color: #B61848;">Fonds d'investissement: 13,69</li>
<li style="--comp-list-unordered-dot-background-color: #730F2D;">Liquidités: 2,96</li>
</ul>
</div>
</div>
</div>
<div data-swiper-landscape-transition data-swiper-landscape-transition-2 class="{{ namespace }}autoStack">
<div class="row row-sm align-items-stretch">
<div class="col-auto">
<div class="{{ namespace }}box -boxBordered -insetLg text-center">
<div class="{{ namespace }}textSemiBold {{ namespace }}bodyLg">
Niv. risque*
</div>
<div class="h1 {{ namespace }}colorInherit">3</div>
</div>
</div>
<div class="col-auto">
<div class="{{ namespace }}box -boxBordered -insetLg text-center">
<div class="{{ namespace }}textSemiBold {{ namespace }}bodyLg">
VNI
</div>
<div class="h1 {{ namespace }}colorInherit">128.02€</div>
</div>
</div>
<div class="col-auto flex-shrink-0 ml-auto">
<div class="{{ namespace }}box -boxSuccess -boxInsetLg text-center">
<div class="{{ namespace }}textSemiBold {{ namespace }}bodyLg">
Perf. 5 years
</div>
<div class="h1 {{ namespace }}colorInherit">+12,51 %</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-5">
<div class="{{ namespace }}stackXl" data-swiper-landscape-transition data-swiper-landscape-transition-3>
<div class="{{ namespace }}stackSm">
<h3 class="h3">Principaux investissements en actions</h3>
<table class="{{ namespace }}infoTable table -alignMiddle -itemInsetSpacingSm">
<tbody>
<tr>
<td class="">
<div class="{{ namespace }}infoTable__cellContent {{ namespace }}staticInlineMd">
{% render "@avatar--small", {
img: "/spuerkeess-site/pages/digital-signage/european-flag.png"
},true %}
<span>European Economic Community 3.375% EMTN Sen 12/04.04.32</span>
</div>
</td>
<td>
<div class="{{ namespace }}infoTable__cellContent">
{% render "@badge--primary-tonal",{
text: "2,41"
},true %}
</div>
</td>
</tr>
<tr>
<td class="">
<div class="{{ namespace }}infoTable__cellContent {{ namespace }}staticInlineMd">
{% render "@avatar--small", {
img: "/spuerkeess-site/pages/digital-signage/european-flag.png"
},true %}
<span>European Union 3.125% EMTN 23/04.12.30</span>
</div>
</td>
<td>
<div class="{{ namespace }}infoTable__cellContent">
{% render "@badge--primary-tonal",{
text: "2,12"
},true %}
</div>
</td>
</tr>
<tr>
<td class="">
<div class="{{ namespace }}infoTable__cellContent {{ namespace }}staticInlineMd">
{% render "@avatar--small", {
img: "/spuerkeess-site/pages/digital-signage/european-flag.png"
},true %}
<span>Oesterreich 2.9% 23/20.02.33</span>
</div>
</td>
<td>
<div class="{{ namespace }}infoTable__cellContent">
{% render "@badge--primary-tonal",{
text: "2,10"
},true %}
</div>
</td>
</tr>
<tr>
<td class="">
<div class="{{ namespace }}infoTable__cellContent {{ namespace }}staticInlineMd">
{% render "@avatar--small", {
img: "/spuerkeess-site/pages/digital-signage/european-flag.png"
},true %}
<span>France 2% 22/25.11.32</span>
</div>
</td>
<td>
<div class="{{ namespace }}infoTable__cellContent">
{% render "@badge--primary-tonal",{
text: "2,03"
},true %}
</div>
</td>
</tr>
<tr>
<td class="">
<div class="{{ namespace }}infoTable__cellContent {{ namespace }}staticInlineMd">
{% render "@avatar--small", {
img: "/spuerkeess-site/pages/digital-signage/european-flag.png"
},true %}
<span>Oesterreich 2.9% 23/20.02.33</span>
</div>
</td>
<td>
<div class="{{ namespace }}infoTable__cellContent">
{% render "@badge--primary-tonal",{
text: "2,10"
},true %}
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="{{ namespace }}stackSm">
<h3 class="h3">Principaux investissements en obligations</h3>
<table class="{{ namespace }}infoTable table -alignMiddle -itemInsetSpacingSm">
<tbody>
<tr>
<td class="">
<div class="{{ namespace }}infoTable__cellContent {{ namespace }}staticInlineMd">
{% render "@avatar--small", {
img: "/spuerkeess-site/pages/digital-signage/european-flag.png"
},true %}
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="{{ namespace }}infoTable__cellContent">
{% render "@badge--primary-tonal",{
text: "2,41"
},true %}
</div>
</td>
</tr>
<tr>
<td class="">
<div class="{{ namespace }}infoTable__cellContent {{ namespace }}staticInlineMd">
{% render "@avatar--small", {
img: "/spuerkeess-site/pages/digital-signage/european-flag.png"
},true %}
<span>Apple Inc Reg</span>
</div>
</td>
<td>
<div class="{{ namespace }}infoTable__cellContent">
{% render "@badge--primary-tonal",{
text: "2,12"
},true %}
</div>
</td>
</tr>
<tr>
<td class="">
<div class="{{ namespace }}infoTable__cellContent {{ namespace }}staticInlineMd">
{% render "@avatar--small", {
img: "/spuerkeess-site/pages/digital-signage/european-flag.png"
},true %}
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="{{ namespace }}infoTable__cellContent">
{% render "@badge--primary-tonal",{
text: "2,10"
},true %}
</div>
</td>
</tr>
<tr>
<td class="">
<div class="{{ namespace }}infoTable__cellContent {{ namespace }}staticInlineMd">
{% render "@avatar--small", {
img: "/spuerkeess-site/pages/digital-signage/european-flag.png"
},true %}
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="{{ namespace }}infoTable__cellContent">
{% render "@badge--primary-tonal",{
text: "2,03"
},true %}
</div>
</td>
</tr>
<tr>
<td class="">
<div class="{{ namespace }}infoTable__cellContent {{ namespace }}staticInlineMd">
{% render "@avatar--small", {
img: "/spuerkeess-site/pages/digital-signage/european-flag.png"
},true %}
<span>Microsoft Corp</span>
</div>
</td>
<td>
<div class="{{ namespace }}infoTable__cellContent">
{% render "@badge--primary-tonal",{
text: "2,10"
},true %}
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endblock %}
import Swiper from "swiper/bundle";
export default class DigitalSignageLandscape {
constructor() {
this.swiperGroupGlide();
}
swiperGroupGlide() {
let swiperElt = document.querySelector("#digitalSignageLandscape");
let visibleSlides = swiperElt.dataset.visibleSlides,
delay = swiperElt.dataset.delay,
speed = swiperElt.dataset.speed,
spacing = window.getComputedStyle(document.body).getPropertyValue('--sys-space-inline-2000');
const swiper = new Swiper('#digitalSignageLandscape', {
// Optional parameters
direction: 'horizontal',
keyboard: true,
freeMode: false,
spaceBetween: parseInt(spacing, 10),
slidesPerView: visibleSlides,
slidesPerGroup: parseInt(visibleSlides),
speed: speed,
pagination: {
el: ".swiper-pagination",
type: "fraction",
},
autoplay: {
delay: delay
}
});
}
}