PageSourceSearch

https://www.swissrefoundation.org/what-we-do/strategy.html

html swissrefoundation.org collected 2026-10-02 14:37:01 UTC 130,264 bytes, 1,207 lines download raw bytes

1<!DOCTYPE html>
2<html class="no-js" dir="ltr" itemscope xml:lang="en" lang="en">
3<head>
4
5
6
7<meta itemprop="searchData_source" content="Swiss Re Foundation">
8<meta itemprop="searchData_contentType" content="">
9<meta itemprop="searchData_blogType" content="nonRisk">
10<meta itemprop="searchData_researchSeries" content="">
11<meta itemprop="searchData_sriTopic" content="">
12<meta itemprop="searchData_date" content="2026_07_30">
13<meta itemprop="searchData_dateUTC" content="2026-07-30T06:05:38Z">
14<meta itemprop="searchData_image" content="/dam/jcr:402477f7-a917-49f3-855f-a00e259f4f05/2025-02-srf-zimbos-hero-for-strategy.2025-03-21-10-53-11.jpg">
15<meta itemprop="searchData_teaserTitle" content="Strategy">
16<meta itemprop="searchData_path" content="/sr-foundation/what-we-do/strategy">
17<meta itemprop="searchData_id" content="272a577e-4d25-4d58-948a-e4a35ff34de3">
18<script type="application/ld+json">
19{
20    "@context": "https://schema.org",
21    "@type": "WebSite",
22    "contentCategory":"not-specified",
23    "name": "Strategy | Swiss Re Foundation",
24    "url": "https://www.swissrefoundation.org/what-we-do/strategy.html",
25    "headline": "Strategy",
26    "description": "Strategy",
27    "image": ["https://www.swissrefoundation.org/dam/jcr:402477f7-a917-49f3-855f-a00e259f4f05/2025-02-srf-zimbos-hero-for-strategy.2025-03-21-10-53-11.jpg"],
28    "datePublished": "2021-08-15T18:44:45+02:00",
29    "dateModified": "2026-07-30T08:05:38+02:00",
30    "publisher": {
31        "@type": "Organization",
32        "name": "Swiss Re Foundation",
33        "logo": {
34            "@type": "ImageObject",
35            "url": "https://www.swissrefoundation.org/.resources/swissre-foundation/webresources/img/logos/SR_Logo_Foundation_black.svg"
36        }
37    },
38    "potentialAction": {
39        "@type": "SearchAction",
40        "target": "https://www.swissrefoundation.org/search-page.html?searchterm={search_term_string}",
41        "query-input": "required name=search_term_string"
42    }
43}
44</script>
44
45
46    
46<script type="application/ld+json">
47    {
48      "@context": "https://schema.org",
49      "@type": "BreadcrumbList",
50      "itemListElement": [
51            {
52              "@type": "ListItem",
53              "position": 1,
54              "name": "Swiss Re Foundation",
55              "item": "https://www.swissrefoundation.org/"
56            },
57            {
58              "@type": "ListItem",
59              "position": 2,
60              "name": "What we do",
61              "item": "https://www.swissrefoundation.org/what-we-do.html"
62            }
63      ]
64    }
65    </script>
65
66
67
68
69
70    <link rel="preconnect" href="https://cc.cdn.civiccomputing.com">
71
72
73    <link rel="preconnect" href="https://apikeys.civiccomputing.com">
74
75
76    <link rel="preconnect" href="https://swissreextranet.piwik.pro">
77
78
79    <link rel="preconnect" href="https://swissreextranet.containers.piwik.pro">
80
81
82    <link rel="canonical"  href="https://www.swissrefoundation.org/what-we-do/strategy.html" />
83<meta charset="utf-8" />
84<!--[if !HTML5]>
85<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
86<![endif]-->
87<meta content="width=device-width,initial-scale=1" name="viewport">
88<link href="/.resources/swissre-foundation/webresources/img/graphics/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
89<link href="/.resources/swissre-foundation/webresources/img/graphics/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
90<link href="/.resources/swissre-foundation/webresources/img/graphics/favicon-194x194.png" rel="icon" sizes="194x194" type="image/png">
91<link href="/.resources/swissre-foundation/webresources/img/graphics/android-chrome-192x192.png" rel="icon" sizes="192x192" type="image/png">
92<link href="/.resources/swissre-foundation/webresources/img/graphics/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
93<link href="/.resources/swissre-foundation/webresources/img/graphics/favicon.ico" rel="icon" type="image/x-icon">
94<link color="#627d77" href="/.resources/swissre-foundation/webresources/img/graphics/safari-pinned-tab.svg" rel="mask-icon">
95<link href="/.resources/swissre-foundation/webresources/meta/site.webmanifest" rel="manifest">
96<link as="font" crossorigin="" href="/.resources/swissre-web/webresources/fonts/180618_swissresansot-regular-webfont.woff2" rel="preload" type="font/woff2">
97<link as="font" crossorigin="" href="/.resources/swissre-web/webresources/fonts/180618_swissresansot-light-webfont.woff2" rel="preload" type="font/woff2">
98<link as="font" crossorigin="" href="/.resources/swissre-web/webresources/fonts/180618_swissresansot-bold-webfont.woff2" rel="preload" type="font/woff2"><meta content="/.resources/swissre-foundation/webresources/meta/browserconfig.xml" name="msapplication-config">
99<meta content="#627d77" name="msapplication-TileColor">
100<meta content="ccdbd8" name="theme-color">
101<meta content="Strategy" name="description">
102<meta content="strategy   swiss re foundation" name="keywords">
103<meta name="robots" content="index,follow" />
104<title>Strategy | Swiss Re Foundation</title>
105<meta itemprop="searchData_titleLC" content="Strategy">
106  
107
108
109  <meta property="og:title" content="Strategy | Swiss Re Foundation" />
110  <meta property="og:description" content="Strategy" />
111  <meta property="og:url" content="https://www.swissrefoundation.org/what-we-do/strategy.html" />
112
113  <meta name="twitter:title" content="Strategy | Swiss Re Foundation" />
114  <meta name="twitter:description" content="Strategy" />
115  <meta property="twitter:site" content="https://www.swissrefoundation.org/what-we-do/strategy.html" />
116
117    <meta property="og:image" content="https://www.swissrefoundation.org/dam/jcr:402477f7-a917-49f3-855f-a00e259f4f05/2025-02-srf-zimbos-hero-for-strategy.2025-03-21-10-53-11.jpg?02102026163700">
118    <meta name="twitter:image" content="https://www.swissrefoundation.org/dam/jcr:402477f7-a917-49f3-855f-a00e259f4f05/2025-02-srf-zimbos-hero-for-strategy.2025-03-21-10-53-11.jpg?02102026163700"/>
119
120  <meta property="og:type" content="website">
121  <meta name="twitter:card" content="summary_large_image"/>
122
123<script nonce="YWF5OTN5N2Q5em5kbWMyMWFhYWphNw=="></script>
123 
124
125<script nonce="YWF5OTN5N2Q5em5kbWMyMWFhYWphNw==">
126    //<![CDATA[
127    window.app_config={language:document.querySelector("html").getAttribute("lang"),locale:{autocomplete:{},date:{"date-picker-instruction":"use arrow keys to select date",firstDayOfWeek:1,dateFormat:null,today:"Today",disabled:"Not available","prev-month":"previous month","next-month":"next month",months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],weekdays:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}}}
128    //]]>
129</script>
129
130
131<style data-href="/.resources/swissre-foundation/webresources/css/ui.css?id=161061" id="abovethefold"> @charset "UTF-8"; @-webkit-keyframes anim-CampaignHero-title { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes anim-CampaignHero-title { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes heroteaser-bg-animation { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes heroteaser-bg-animation { 0% { opacity: 0; } 100% { opacity: 1; } } * { font: inherit; color: inherit; line-height: inherit; text-decoration: inherit; box-sizing: border-box; margin: 0; padding: 0; } html { color: #000; background: #FFF; } figure { -webkit-margin-start: 0; -webkit-margin-end: 0; margin-left: 0; margin-right: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } del, ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } q:before, q:after { content: ''; } abbr, acronym { border: 0; text-decoration: none; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } legend { color: inherit; *color: #000; } button, input[type="button"], input[type="reset"], input[type="submit"] { text-align: inherit; background: transparent; -webkit-appearance: button; cursor: pointer; border: 0; border-radius: 0; } button[disabled], input[disabled] { cursor: default; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } html { width: 100%; font-size: 16px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; background-color: #fff; } @media screen and (max-width: 1200px) { html { font-size: 15px; } } @media screen and (max-width: 1000px) { html { font-size: 14px; } } @media screen and (max-width: 750px) { html { font-size: 13px; } } @media screen and (max-width: 400px) { html { font-size: 12px; } } body { font-family: "Swiss Re Sans", "Univers LT", "Univers", "Helvetica Neue", "Helvetica", "Gulim", "Malgun Gothic", "Apple Gothic Neo", "Noto Sans KR", "Microsoft YaHei UI", "Microsoft JhengHei", "PingFang SC", "PingFang TC", "Yu Gothic", "Meiryo", "Hiragino Sans", sans-serif; font-size: 22px; font-weight: 200; line-height: 1.5; color: #282828; overflow-x: hidden !important; min-height: 100vh; } [lang="zh"] body, [lang="zh-Hant"] body, [lang="zh-Hans"] body, [lang="zh-CN"] body { line-height: 1.7; } @media screen and (max-width: 1000px) { body { font-size: 20px; } } .template-plain body { min-height: 0; } @media screen and (max-width: 750px) { body { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } [lang="ja"] body { font-family: "Swiss Re Sans", "Meiryo", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "游ゴシック体", "メイリオ", "Noto Sans JP", sans-serif; } [lang="zh"] body, [lang="zh-Hant"] body, [lang="zh-Hans"] body, [lang="zh-CN"] body { font-family: "Swiss Re Sans", "Microsoft YaHei UI", "Microsoft JhengHei", "PingFang SC", "PingFang TC", "微軟正黑體", "Noto Sans SC", sans-serif; line-height: 1.7; } [lang="ko"] body { font-family: "Swiss Re Sans", "Gulim", "Malgun Gothic", "Apple Gothic Neo", "Noto Sans KR", sans-serif; } article, section, a { page-break-inside: avoid; } #body { overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .template-plain #body { min-height: 0; } * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body, input, select, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a[href], button, input, select, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } a:active { outline: none; } *:focus { outline: none; } abbr { border-bottom: 1px dotted gray; } p sup { position: relative; top: -0.75ex; } p sub { position: relative; top: 0.5ex; } button { cursor: pointer; } .nc_pixel { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; } @media (prefers-reduced-motion) { *, *:after, *:before { -webkit-animation: none !important; animation: none !important; transition: none !important; } .will-appear *.in-slide-right, .will-appear *.in-slide-left, .will-appear *.in-slide-bottom, .will-appear.in-slide-right, .will-appear.in-slide-left, .will-appear.in-slide-bottom { opacity: 1 !important; } .will-appear *.in-slide-bottom-group > *, .will-appear.in-slide-bottom-group > * { opacity: 1 !important; } } #flying-focus { position: absolute; margin: 0; top: -100px; background: transparent; transition-property: left, top, width, height, opacity; transition-timing-function: cubic-bezier(0, 0.2, 0, 1); visibility: hidden; pointer-events: none; display: none; } #flying-focus.flying-focus_visible { visibility: visible; z-index: 10000000; display: block; } #flying-focus:after { content: ''; position: absolute; top: -9px; left: -9px; bottom: -9px; right: -9px; border-radius: 3px; box-shadow: 0 0 54px 0px rgba(0, 0, 0, 0.2), 0 0 2px 2px rgba(0, 10, 20, 0.1); border: 1px solid rgba(0, 10, 20, 0.5); } #flying-focus:before { content: ''; position: absolute; top: -8px; left: -8px; bottom: -8px; right: -8px; border-radius: 3px; box-shadow: 0 0 2px rgba(255, 255, 255, 0.9) inset; border: 1px solid rgba(255, 255, 255, 0.8); }
131 .FocusOnly { position: absolute; clip: rect(0 0 0 0); -webkit-clip-path: polygon(0 0); clip-path: polygon(0 0); } .FocusOnly:focus { position: static; clip: auto; -webkit-clip-path: none; clip-path: none; } button.FocusOnly:focus { width: 100%; text-align: center; background-color: black; color: white; padding: 5px 10px; } .Skiplinks a { position: absolute; z-index: 10000; top: -9999px; background-color: black; color: white; padding: 5px 10px; font-size: 1rem; } .Skiplinks a:focus, .Skiplinks a:active { top: 20px; left: 20px; right: auto; } .visuallyhidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; } [data-picto] { display: inline-block; position: relative; height: 1.2ex; font-size: 16px; } [data-picto] > svg { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: visible; } @supports (display: inline-flex) { [data-picto] > svg { position: relative; top: 0; -webkit-transform: none; transform: none; } } @supports (display: inline-flex) { .Icon[data-picto], .Icon:not(.inline)[data-picto], [data-picto] { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } [data-picto] > svg { position: relative; top: 0; -webkit-transform: none; transform: none; } } [data-picto] > svg { display: block; width: 100%; } [data-picto].red > svg { fill: #E00034; } [data-picto].white > svg { fill: #ffffff; } [data-picto].t-gray > svg { fill: #636363; } @media screen and (-ms-high-contrast: active) { [data-picto] > svg { stroke: green; } } html.js .is-hidden-js { display: none !important; } html.no-js .is-visible-js { display: none !important; } @media screen and (min-width: 1201px) { .is-hidden-desktop { display: none !important; } .is-visible-tablet { display: none !important; } } @media screen and (max-width: 1200px) { .is-visible-desktop { display: none !important; } .is-hidden-tablet { display: none !important; } } @media screen and (min-width: 1001px) { .is-visible-tablet-portrait { display: none !important; } } @media screen and (max-width: 1000px) { .is-hidden-tablet-portrait { display: none !important; } } @media screen and (min-width: 751px) { .is-visible-mobile { display: none !important; } } @media screen and (max-width: 750px) { .is-hidden-mobile { display: none !important; } } @media screen and (min-width: 401px) { .is-visible-mobile-portrait { display: none !important; } } @media screen and (max-width: 400px) { .is-hidden-mobile-portrait { display: none !important; } } @media only screen { .is-visible-print { display: none !important; } } @media print { .is-hidden-print { display: none !important; } } body:after { display: none; content: 'desktop'; } @media screen and (max-width: 1200px) { body:after { content: 'tablet'; } } @media screen and (max-width: 1000px) { body:after { content: 'tablet-portrait'; } } @media screen and (max-width: 750px) { body:after { content: 'mobile'; } } @media screen and (max-width: 400px) { body:after { content: 'mobile-portrait'; } } .media-dispatcher-fallback { display: none; margin-bottom: 0px; } @media screen and (max-width: 1200px) { .media-dispatcher-fallback { margin-bottom: 1px; } } @media screen and (max-width: 1000px) { .media-dispatcher-fallback { margin-bottom: 2px; } } @media screen and (max-width: 750px) { .media-dispatcher-fallback { margin-bottom: 3px; } } @media screen and (max-width: 400px) { .media-dispatcher-fallback { margin-bottom: 4px; } } body:before { display: none; content: ''; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { body:before { content: 'retina'; } } img[data-sizes]:not([width]) { width: 100%; } [data-sizes], .Media { background-size: cover; background-repeat: no-repeat; background-position: center center; } .Media { z-index: 0; position: relative; overflow: hidden; background-color: #D4D4D4; } .Media.image.is-loaded { background-color: transparent; } .Media.image.is-transitioned-in { background-image: none !important; } .Media.video { background-color: #000000; } .Media > [data-sizes] { background-size: inherit; background-repeat: inherit; background-position: inherit; display: block; -webkit-transform: scale(1.02); transform: scale(1.02); opacity: 0; } .Media > [data-sizes], .Media > [data-sizes] > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .Media > [data-sizes] > img { display: none; } .Media > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; object-fit: cover; transition: opacity 0.5s; } .Media.is-started > video, .Media > video[controls] { opacity: 1; visibility: visible; } .Media > .is-loaded { opacity: 1; -webkit-transform: scale(1); transform: scale(1);
131 transition: opacity .5s, -webkit-transform ease-out .8s; transition: opacity .5s, transform ease-out .8s; transition: opacity .5s, transform ease-out .8s, -webkit-transform ease-out .8s; } .Media.ken-burns > .is-loaded { -webkit-animation: anim-ken-burns 18s 0s both; animation: anim-ken-burns 18s 0s both; transition: opacity 1s; } .Media.video > [data-sizes] { display: none; } .Media.video.is-video-error > [data-sizes], .Media.video.is-autoplay-disabled > [data-sizes] { display: block; } html.printing .Media > [data-sizes] { opacity: 1; -webkit-transform: none; transform: none; transition: none; } html.printing .Media > [data-sizes] > img { display: block; object-fit: cover; object-position: center; } .Button { color: #ffffff; font-size: 16px; font-weight: normal; line-height: 1.375; line-height: 20px; vertical-align: middle; height: 50px; padding: 15px 31px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; max-width: 100%; text-align: center; overflow: visible; } .Button:before { border: 1px solid #B32028; background-color: #B32028; -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); } .Button:hover:not([disabled]), .Button:hover:enabled { color: #B32028; } .Button:hover:not([disabled]):before, .Button:hover:enabled:before { background-color: #ffffff; border-color: #F0D2D4; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); } .Button:active:not([disabled]), .Button:active:enabled { color: #B32028; } .Button:active:not([disabled]):before, .Button:active:enabled:before { background-color: #ffffff; border-color: #F0D2D4; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); } [lang="zh"] .Button, [lang="zh-Hant"] .Button, [lang="zh-Hans"] .Button, [lang="zh-CN"] .Button { line-height: 1.5; } .Button:before { box-sizing: border-box; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; } .Button .Button--content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; position: relative; max-width: 100%; z-index: 1; } .Button .Button--content > br { display: none; } .Button.secondary { color: #B32028; } .Button.secondary:before { border: 1px solid #F0D2D4; background-color: #ffffff; -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); } .Button.secondary:hover:not([disabled]), .Button.secondary:hover:enabled { color: #ffffff; } .Button.secondary:hover:not([disabled]):before, .Button.secondary:hover:enabled:before { background-color: #B32028; border-color: #B32028; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); } .Button.secondary:active:not([disabled]), .Button.secondary:active:enabled { color: #ffffff; } .Button.secondary:active:not([disabled]):before, .Button.secondary:active:enabled:before { background-color: #B32028; border-color: #B32028; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); } .Button.secondary.small { height: 39px; padding: 9px 19px 10px 19px; } .Button.transparent { height: 50px; padding: 15px 31px; color: #ffffff; } .Button.transparent:before { border: 1px solid rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0); -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); } .Button.transparent:hover:not([disabled]), .Button.transparent:hover:enabled { color: rgba(255, 255, 255, 0); } .Button.transparent:hover:not([disabled]):before, .Button.transparent:hover:enabled:before { background-color: #ffffff; border-color: rgba(255, 255, 255, 0.2); -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); } .Button.transparent:active:not([disabled]), .Button.transparent:active:enabled { color: rgba(255, 255, 255, 0); } .Button.transparent:active:not([disabled]):before, .Button.transparent:active:enabled:before { background-color: #ffffff; border-color: rgba(255, 255, 255, 0.2); -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); } .Button.transparent:hover:not([disabled]), .Button.transparent:hover:enabled { color: #ffffff; } .Button.transparent:hover:not([disabled]):before, .Button.transparent:hover:enabled:before { background-color: rgba(255, 255, 255, 0.2); border-color: transparent; } .Button.transparent:active:not([disabled]), .Button.transparent:active:enabled { color: #ffffff; } .Button.transparent:active:not([disabled]):before, .Button.transparent:active:enabled:before { background-color: rgba(255, 255, 255, 0.2); border-color: transparent; } .Button.transparent.small { height: 39px; padding: 9px 19px 10px 19px; } .Button .Icon { display: none; } .Flyout--content.is-collapsed { display: none; visibility: hidden; } .InputClone .Input.clone { position: absolute; opacity: 0; } .Tag { color: #ffffff; font-size: 16px; font-weight: normal; line-height: 1.375; line-height: 20px; vertical-align: middle; height: 39px; padding: 9px 19px 10px 19px; color: #B32028; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; max-width: 100%; text-align: center; } .Tag:before { border: 1px solid #B32028; background-color: #B32028; -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); } .Tag:hover:not([disabled]), .Tag:hover:enabled { color: #B32028; } .Tag:hover:not([disabled]):before, .Tag:hover:enabled:before { background-color: #ffffff; border-color: #F0D2D4; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); } .Tag:active:not([disabled]), .Tag:active:enabled { color: #B32028; } .Tag:active:not([disabled]):before, .Tag:active:enabled:before { background-color: #ffffff; border-color: #F0D2D4; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); } [lang="zh"] .Tag, [lang="zh-Hant"] .Tag, [lang="zh-Hans"] .Tag, [lang="zh-CN"] .Tag { line-height: 1.5; } .Tag:before { box-sizing: border-box; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; } .Tag .Button--content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; position: relative; max-width: 100%; z-index: 1; } .Tag .Button--content > br { display: none; } .Tag:before { border: 1px solid #F7E9EA; background-color: #F7E9EA; -webkit-transform: scaleY(1); transform: scaleY(1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); } .Tag:hover:not([disabled]), .Tag:hover:enabled { color: #F7E9EA; } .Tag:hover:not([disabled]):before, .Tag:hover:enabled:before { background-color: #B32028; border-color: #ffffff; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); } .Tag:active:not([disabled]), .Tag:active:enabled { color: #F7E9EA; } .Tag:active:not([disabled]):before, .Tag:active:enabled:before { background-color: #B32028; border-color: #ffffff; -webkit-transform: scale(1.025, 1.1); transform: scale(1.025, 1.1); } .Tag .Tag--content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; position: relative; max-width: 100%; z-index: 1; } .Tag .Tag--content > br { display: none; } .Tag.icon { fill: currentColor; } .Tag.icon [data-icon], .Tag.icon [data-picto] { height: 100%; min-width: 1px; max-width: 18px; margin-right: 10px; margin-left: 0; margin-top: 0; vertical-align: top; } html:not(.can-touch) .Tag:hover:not([disabled]), html:not(.can-touch) .Tag:hover:enabled { color: #B32028; } html:not(.can-touch) .Tag:hover:not([disabled]):before, html:not(.can-touch) .Tag:hover:enabled:before { background-color: #ffffff; border-color: #F0D2D4; } html:not(.can-touch) .Tag:active:not([disabled]), html:not(.can-touch) .Tag:active:enabled { color: #B32028; } html:not(.can-touch) .Tag:active:not([disabled]):before, html:not(.can-touch) .Tag:active:enabled:before { background-color: #ffffff; border-color: #F0D2D4; } .l-Page { margin-bottom: 90px; } @media screen and (max-width: 1000px) { .l-Page { margin-bottom: 11.25vw; } } @media screen and (max-width: 400px) { .l-Page { margin-bottom: 45px; } } .l-Page:first-child { margin-top: 240px; } @media screen and (max-width: 1000px) { .l-Page:first-child { margin-top: 30vw; } } @media screen and (max-width: 400px) { .l-Page:first-child { margin-top: 120px; } } @media screen and (max-width: 1000px) { .l-Page:first-child { margin-top: 210px; } } @media screen and (max-width: 580px) { .l-Page:first-child { margin-top: 150px; } } .l-Page.extrawide { margin-left: calc(50% - 675px); margin-right: calc(50% - 675px); }
131 @media (max-width: 1550px) { .l-Page.extrawide { margin-left: 75px; margin-right: 75px; } } @media screen and (max-width: 1200px) { .l-Page.extrawide { margin-left: 60px; margin-right: 60px; } } @media screen and (max-width: 750px) { .l-Page.extrawide { margin-left: 30px; margin-right: 30px; } } @media screen and (max-width: 580px) { .l-Page.extrawide { margin-left: 20px; margin-right: 20px; } } @media print { .l-Page.extrawide { max-width: 100%; margin: 0; } } .l-Page.large { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); } @media (max-width: 1430px) { .l-Page.large { margin-left: 75px; margin-right: 75px; } } @media screen and (max-width: 1200px) { .l-Page.large { margin-left: 60px; margin-right: 60px; } } @media screen and (max-width: 750px) { .l-Page.large { margin-left: 30px; margin-right: 30px; } } @media screen and (max-width: 580px) { .l-Page.large { margin-left: 20px; margin-right: 20px; } } @media print { .l-Page.large { max-width: 100%; margin: 0; } } .l-Page.medium { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); } @media (max-width: 1010px) { .l-Page.medium { margin-left: 75px; margin-right: 75px; } } @media screen and (max-width: 1000px) { .l-Page.medium { margin-left: 60px; margin-right: 60px; } } @media screen and (max-width: 750px) { .l-Page.medium { margin-left: 30px; margin-right: 30px; } } @media screen and (max-width: 580px) { .l-Page.medium { margin-left: 20px; margin-right: 20px; } } @media print { .l-Page.medium { max-width: 100%; margin: 0; } } .l-Page.offset { margin-top: -150px; position: relative; z-index: 1; } .l-Page.offset::before { content: ''; position: absolute; top: 0; left: 0; right: 0; display: block; height: 180px; margin-top: -30px; margin-right: -90px; margin-left: -90px; background-color: #ffffff; border-top-left-radius: 4px; border-top-right-radius: 4px; z-index: -1; } @media screen and (max-width: 1000px) { .l-Page.offset::before { margin-right: -30px; margin-left: -30px; } } @media screen and (max-width: 750px) { .l-Page.offset::before { display: none; } } @media screen and (max-width: 1000px) { .l-Page.offset { margin-top: -60px; } } @media screen and (max-width: 750px) { .l-Page.offset { margin-top: 0; position: static; z-index: 0; } } .l-Page.left { margin-left: calc(50% - 615px); margin-right: calc(50% - 195px); } @media (max-width: 1430px) { .l-Page.left { margin-left: 75px; } } @media screen and (max-width: 1200px) { .l-Page.left { margin-left: 60px; } } @media screen and (max-width: 750px) { .l-Page.left { margin-left: 30px; } } @media screen and (max-width: 580px) { .l-Page.left { margin-left: 20px; } } @media print { .l-Page.left { max-width: 100%; margin: 0; } } @media (max-width: 590px) { .l-Page.left { margin-right: 75px; } } @media screen and (max-width: 1000px) { .l-Page.left { margin-right: 60px; } } @media screen and (max-width: 750px) { .l-Page.left { margin-right: 30px; } } @media screen and (max-width: 580px) { .l-Page.left { margin-right: 20px; } } @media print { .l-Page.left { max-width: 100%; margin: 0; } } .l-Page.small { margin-left: calc(50% - 307.5px); margin-right: calc(50% - 307.5px); } @media (max-width: 815px) { .l-Page.small { margin-left: 75px; margin-right: 75px; } } @media screen and (max-width: 1000px) { .l-Page.small { margin-left: 60px; margin-right: 60px; } } @media screen and (max-width: 750px) { .l-Page.small { margin-left: 30px; margin-right: 30px; } } @media screen and (max-width: 580px) { .l-Page.small { margin-left: 20px; margin-right: 20px; } } @media print { .l-Page.small { max-width: 100%; margin: 0; } } @media screen and (max-width: 750px) { .l-Page.reset-mobile { margin-left: 0; margin-right: 0; } } .Overlay .l-Page:first-child { margin-top: 120px; } @media screen and (max-width: 1000px) { .Overlay .l-Page:first-child { margin-top: 15vw; } } @media screen and (max-width: 400px) { .Overlay .l-Page:first-child { margin-top: 60px; } } @media screen and (max-width: 580px) { .Overlay .l-Page:first-child { margin-top: 50px; } } .l-PageGrid--main { margin-left: 33.33333%; } @media screen and (max-width: 1000px) { .l-PageGrid--main { margin-left: 0; } } .l-PageGrid--aside { display: none; } .Tabs--navigation { margin-bottom: 90px; position: relative; overflow-x: auto; overflow-y: hidden; border-bottom: 1px solid #D4D4D4; } .Tabs--navigation--inner { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 1430px) { .Tabs--navigation--inner { margin-left: 75px; margin-right: 75px; } } @media screen and (max-width: 1200px) { .Tabs--navigation--inner { margin-left: 60px; margin-right: 60px; } } @media screen and (max-width: 750px) { .Tabs--navigation--inner { margin-left: 30px; margin-right: 30px; } } @media screen and (max-width: 580px) { .Tabs--navigation--inner { margin-left: 20px; margin-right: 20px; } } @media print { .Tabs--navigation--inner { max-width: 100%; margin: 0; } } .Tabs--navigation--link { color: #636363; display: block; position: relative; padding: 20px 1em; } .Tabs--content[aria-hidden="true"] { display: none; } .ArticleHeader { margin-bottom: 60px; } @media screen and (max-width: 1000px) { .ArticleHeader { margin-bottom: 7.5vw; } } @media screen and (max-width: 400px) { .ArticleHeader { margin-bottom: 30px; } } .ArticleHeader.large .ArticleHeader--title { font-size: 80px; font-weight: 200; line-height: 1.1; } @media screen and (max-width: 1000px) { .ArticleHeader.large .ArticleHeader--title { font-size: 50px; line-height: 1.14; } } @media screen and (max-width: 750px) { .ArticleHeader.large .ArticleHeader--title { font-size: 40px; line-height: 1.15; } } .ArticleHeader.center { text-align: center; } .ArticleHeader--title { font-size: 50px; font-weight: 200; line-height: 1.16; margin-bottom: 60px; } @media screen and (max-width: 1000px) { .ArticleHeader--title { font-size: 30px; line-height: 1.53333; margin-bottom: 7.5vw; } } @media screen and (max-width: 400px) { .ArticleHeader--title { margin-bottom: 30px; } } .ArticleHeader--lead { font-size: 30px; font-weight: 200; line-height: 1.26667; font-weight: 200; } [lang="zh"] .ArticleHeader--lead, [lang="zh-Hant"] .ArticleHeader--lead, [lang="zh-Hans"] .ArticleHeader--lead, [lang="zh-CN"] .ArticleHeader--lead { line-height: 1.5; } @media screen and (max-width: 1000px) { .ArticleHeader--lead { font-size: 22px; line-height: 1.36364; } } .ArticleMeta { display: -webkit-flex; display: -ms-flexbox; display: flex;
131 -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ArticleMeta.large { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .ArticleMeta.large .ArticleMeta--left { max-width: none; font-size: 22px; font-weight: 200; line-height: 1.5; } [lang="zh"] .ArticleMeta.large .ArticleMeta--left, [lang="zh-Hant"] .ArticleMeta.large .ArticleMeta--left, [lang="zh-Hans"] .ArticleMeta.large .ArticleMeta--left, [lang="zh-CN"] .ArticleMeta.large .ArticleMeta--left { line-height: 1.7; } @media screen and (max-width: 1000px) { .ArticleMeta.large .ArticleMeta--left { font-size: 20px; } } .ArticleMeta.large .ArticleMeta--right { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .ArticleMeta--left { font-size: 14px; font-weight: normal; line-height: 1.4; max-width: 50%; padding-right: 60px; margin-right: auto; } [lang="zh"] .ArticleMeta--left, [lang="zh-Hant"] .ArticleMeta--left, [lang="zh-Hans"] .ArticleMeta--left, [lang="zh-CN"] .ArticleMeta--left { line-height: 1.5; } .ArticleMeta--meta > *:not(:last-child):after { content: " ‧"; } .ArticleMeta--right { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: right; } .Breadcrumbs { margin-bottom: 60px; font-size: 14px; font-weight: normal; line-height: 1.4; } @media screen and (max-width: 1000px) { .Breadcrumbs { margin-bottom: 7.5vw; } } @media screen and (max-width: 400px) { .Breadcrumbs { margin-bottom: 30px; } } [lang="zh"] .Breadcrumbs, [lang="zh-Hant"] .Breadcrumbs, [lang="zh-Hans"] .Breadcrumbs, [lang="zh-CN"] .Breadcrumbs { line-height: 1.5; } .Breadcrumbs:after { display: block; content: ""; clear: both; } @media screen and (max-width: 580px) { .Breadcrumbs { font-size: 12px; font-weight: normal; line-height: 1.66; } } .Breadcrumbs.center .Breadcrumbs--list { width: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .Breadcrumbs--list { display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: nowrap; } .Breadcrumbs--item { display: inline-block; padding-right: .5em; margin-right: 1em; overflow: hidden; text-overflow: ellipsis; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .Breadcrumbs--link { display: inline-block; padding: .5em 1em .5em 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .ExtendedTable table { border-collapse: collapse; border-spacing: 0; overflow: hidden; float: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } .ExtendedTable table caption { font-size: 30px; font-weight: 200; line-height: 1.26667; padding: 1em 0; } [lang="zh"] .ExtendedTable table caption, [lang="zh-Hant"] .ExtendedTable table caption, [lang="zh-Hans"] .ExtendedTable table caption, [lang="zh-CN"] .ExtendedTable table caption { line-height: 1.5; } @media screen and (max-width: 1000px) { .ExtendedTable table caption { font-size: 22px; line-height: 1.36364; } } .ExtendedTable table thead { background-color: #F4F4F4; } .ExtendedTable table tfoot tr { border-bottom: none; } .ExtendedTable table tr { border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; } .ExtendedTable table th { font-weight: bold; } .ExtendedTable table th [data-picto] { margin-bottom: 5px; } .ExtendedTable table th [data-picto] > svg { height: 22px; } .ExtendedTable table th, .ExtendedTable table td { padding: 1.2em; vertical-align: top; border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; } @media screen and (max-width: 1200px) { .ExtendedTable table th, .ExtendedTable table td { padding: 1em; } } @media screen and (max-width: 750px) { .ExtendedTable table th, .ExtendedTable table td { padding: 0.5em 1em; } } .ExtendedTable table th:first-child, .ExtendedTable table td:first-child { border-left: none; } .ExtendedTable table th:last-child, .ExtendedTable table td:last-child { border-right: none; } .ExtendedTable table a:not([class]) { color: #B32028; border-bottom: 1px solid; transition: border-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); } .template-red .ExtendedTable table a:not([class]) { color: #B32028; } html:not(.can-touch) .ExtendedTable table a:not([class]):active, html:not(.can-touch) .ExtendedTable table a:not([class]):hover { border-color: #F0D2D4; } html.template-red:not(.can-touch) .ExtendedTable table a:not([class]):active, html.template-red:not(.can-touch) .ExtendedTable table a:not([class]):hover { border-color: rgba(255, 160, 47, 0.5); } html.template-green:not(.can-touch) .ExtendedTable table a:not([class]):active, html.template-green:not(.can-touch) .ExtendedTable table a:not([class]):hover { border-color: rgba(201, 221, 3, 0.5); } html.template-blue:not(.can-touch) .ExtendedTable table a:not([class]):active, html.template-blue:not(.can-touch) .ExtendedTable table a:not([class]):hover { border-color: rgba(0, 169, 224, 0.5); } html.template-violet:not(.can-touch) .ExtendedTable table a:not([class]):active, html.template-violet:not(.can-touch) .ExtendedTable table a:not([class]):hover { border-color: rgba(224, 17, 157, 0.5); } .ExtendedTable table p { margin-top: 0; } .ExtendedTable table p:last-child { margin-bottom: 0; } .ExtendedTable table tr.is-highlighted { background-color: rgba(244, 244, 244, 0.8); } .ExtendedTable table th.is-highlighted { background-color: #F7E9EA; color: #B32028; } .ExtendedTable table.growFirst th:first-child { width: auto; } .ExtendedTable table.growFirst td { width: 15%; } .ExtendedTable table.fixed { table-layout: fixed; } .ExtendedTable table tr { border-top: none; } .IframeArea .IframeArea--inner { margin-left: calc(50% - 405px); margin-right: calc(50% - 405px); } @media (max-width: 1010px) { .IframeArea .IframeArea--inner { margin-left: 75px; margin-right: 75px; } } @media screen and (max-width: 1000px) { .IframeArea .IframeArea--inner { margin-left: 60px; margin-right: 60px; } } @media screen and (max-width: 750px) { .IframeArea .IframeArea--inner { margin-left: 30px; margin-right: 30px; } } @media screen and (max-width: 580px) { .IframeArea .IframeArea--inner { margin-left: 20px; margin-right: 20px; } } @media print { .IframeArea .IframeArea--inner { max-width: 100%; margin: 0; } } .IframeArea.wide .IframeArea--inner { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); } @media (max-width: 1430px) { .IframeArea.wide .IframeArea--inner { margin-left: 75px; margin-right: 75px; } } @media screen and (max-width: 1200px) { .IframeArea.wide .IframeArea--inner { margin-left: 60px; margin-right: 60px; } } @media screen and (max-width: 750px) { .IframeArea.wide .IframeArea--inner { margin-left: 30px; margin-right: 30px; } } @media screen and (max-width: 580px) { .IframeArea.wide .IframeArea--inner { margin-left: 20px; margin-right: 20px; } } @media print { .IframeArea.wide .IframeArea--inner { max-width: 100%; margin: 0; } } .IframeArea iframe { border: none; width: 100% !important; } .LeadArea { margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); margin-bottom: 120px; margin-top: 120px; } @media (max-width: 1430px) { .LeadArea { margin-left: 75px; margin-right: 75px; } } @media screen and (max-width: 1200px) { .LeadArea { margin-left: 60px; margin-right: 60px; } } @media screen and (max-width: 750px) { .LeadArea { margin-left: 30px; margin-right: 30px; } } @media screen and (max-width: 580px) { .LeadArea { margin-left: 20px; margin-right: 20px; } } @media print { .LeadArea { max-width: 100%; margin: 0; } } @media screen and (max-width: 1000px) { .LeadArea { margin-bottom: 15vw; } } @media screen and (max-width: 400px) { .LeadArea { margin-bottom: 60px; } } @media screen and (max-width: 1000px) { .LeadArea { margin-top: 15vw; } } @media screen and (max-width: 400px) { .LeadArea { margin-top: 60px; } } .LeadArea--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: 0; } .LeadArea--inner > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; padding-right: 30px; } .LeadArea--inner:after { content: ''; display: table; clear: both; } @media screen and (max-width: 580px) { .LeadArea--inner { margin-right: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .LeadArea--inner > * { padding-right: 0; } } .LeadArea--title { width: 25%; } @media screen and (max-width: 580px) { .LeadArea--title { width: 100%; } .LeadArea--title >
131 .SectionTitle.inline { text-align: center; } } .LeadArea--content { width: 75%; } .LeadArea--content > * { padding-right: 75px; } @media (max-width: 1430px) { .LeadArea--content > * { padding-right: calc(((100vw - 150px + 30px) / 12) - 30px); } } @media screen and (max-width: 1200px) { .LeadArea--content > * { padding-right: calc(((100vw - 120px + 30px) / 12) - 30px); } } @media screen and (max-width: 580px) { .LeadArea--content { width: 100%; } .LeadArea--content > * { padding-right: 0; } } .MediaOverlay--inner { background-color: #282828; color: #ffffff; } .PageHeader { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); padding-top: 240px; margin-bottom: 60px; padding-bottom: 30px; } @media (max-width: 1430px) { .PageHeader { padding-left: 75px; padding-right: 75px; } } @media screen and (max-width: 1200px) { .PageHeader { padding-left: 60px; padding-right: 60px; } } @media screen and (max-width: 750px) { .PageHeader { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 580px) { .PageHeader { padding-left: 20px; padding-right: 20px; } } @media print { .PageHeader { max-width: 100%; margin: 0; } } @media screen and (max-width: 1000px) { .PageHeader { padding-top: 210px; padding-bottom: 0; } } @media screen and (max-width: 580px) { .PageHeader { padding-top: 150px; } } .PageHeaderImage + .PageHeader { padding-top: 0; } .PageHeader.background { position: relative; min-height: 600px; color: #ffffff; } .PageHeader.noGap { padding-top: 0; padding-bottom: 0; } .PageHeader.medium .PageHeader--inner { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .PageHeader.medium .PageHeader--content { width: 66.66667%; } @media screen and (max-width: 1000px) { .PageHeader.medium .PageHeader--content { width: 100%; } } .PageHeader.medium .PageHeader--aside { display: none; } .PageHeader.large .PageHeader--content { width: 66.66667%; } @media screen and (max-width: 1000px) { .PageHeader.large .PageHeader--content { width: 100%; } } .PageHeader.large .PageHeader--aside { width: 33.33333%; } @media screen and (max-width: 1000px) { .PageHeader.large .PageHeader--aside { width: 100%; } } .PageHeader--icon { visibility: hidden; } .PageHeader--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; page-break-inside: avoid; margin-right: -30px; margin-top: 0; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .PageHeader--inner > * { float: left; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; margin-top: 0; padding-right: 30px; } .PageHeader--inner:after { content: ''; display: table; clear: both; } @media screen and (max-width: 1000px) { .PageHeader--inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; } .PageHeader--inner .PageHeader--content, .PageHeader--inner .PageHeader--aside { width: 100%; padding: 0; max-width: 100%; } } .PageHeader--content { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: 66.66667%; } .PageHeader--content > .SectionTitle.large { margin-bottom: 0; } .PageHeader--aside { display: none; } .PageHeader--background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; } .PageHeader--background > .Media { height: calc(100% + 100px); top: -50px; } .PageHeaderImage { height: 600px; max-height: 50vh; overflow: hidden; position: relative; } .PageHeaderImage > .Media.image { height: calc(100% + 100px); top: -50px; object-fit: cover; -webkit-transform: translateY(-50px); transform: translateY(-50px); } .PageHeaderImage > .Media.video { height: 100%; object-fit: cover; background-color: #000000; } @media screen and (max-width: 1000px) { .PageHeaderImage { height: 350px; } } @media screen and (max-width: 750px) { .PageHeaderImage { height: 280px; } } @media screen and (min-width: 1001px) { .PageHeaderImage.large { height: 900px; max-height: 70vh; } .PageHeaderImage.artwork-commissioned{ height: 700px; } } @media screen and (max-width: 1000px) { .PageHeaderImage.artwork-commissioned { height: 500px; } } @media screen and (max-width: 750px) { .PageHeaderImage.artwork-commissioned { height: 400px; max-height: none; } } .PageHeaderImage--link { display: none; } .PageHeaderImage--zoomIcon > .Icon { font-size: 13px; } .ProfileHeader--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
131 -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .ProfileHeader--image { display: none; } @media screen and (min-width: 1001px) { .ProfileHeader--content, .ProfileHeader--info { width: 66.66667%; } } .ProfileHeader--title { font-size: 16px; font-weight: normal; line-height: 1.375; } [lang="zh"] .ProfileHeader--title, [lang="zh-Hant"] .ProfileHeader--title, [lang="zh-Hans"] .ProfileHeader--title, [lang="zh-CN"] .ProfileHeader--title { line-height: 1.5; } .ProfileHeader--title > * { display: block; } .ProfileHeader--name { font-size: 50px; font-weight: 200; line-height: 1.16; } @media screen and (max-width: 1000px) { .ProfileHeader--name { font-size: 30px; line-height: 1.53333; } } .ProfileContact--right { text-align: right; } .SectionContainer { padding-top: 90px; padding-bottom: 90px; } @media screen and (max-width: 1000px) { .SectionContainer { padding-top: 60px; padding-bottom: 60px; } } .SectionContainer.noGap { padding-top: 0; padding-bottom: 0; } .SectionContainer.noGapTop { padding-top: 0; } .SectionContainer.noGapBottom { padding-bottom: 0; } .SectionContainer.gradient { margin-top: 90px; position: relative; z-index: 0; } @media screen and (max-width: 1000px) { .SectionContainer.gradient { margin-top: 11.25vw; } } @media screen and (max-width: 400px) { .SectionContainer.gradient { margin-top: 45px; } } .SectionContainer.gradient::before { background-image: linear-gradient(to bottom, #F4F4F4, #ffffff); content: ''; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; max-height: 700px; max-width: 1400px; z-index: -1; } @media (max-width: 1600px) { .SectionContainer.gradient::before { max-width: calc(100% - 120px); } } @media (max-width: 1430px) { .SectionContainer.gradient::before { max-width: calc(100% - 60px); } } @media screen and (max-width: 1000px) { .SectionContainer.gradient::before { max-width: 100%; } } .SectionContainer.fullGradient { position: relative; z-index: 0; } .SectionContainer.fullGradient::before { background-image: linear-gradient(to bottom, #F4F4F4, #ffffff); content: ''; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; max-height: 300px; z-index: -1; } .SectionContainer.reverseFullGradient { position: relative; z-index: 0; } .SectionContainer.reverseFullGradient::before { background-image: linear-gradient(to bottom, #ffffff, #F4F4F4); content: ''; position: absolute; top: 15%; left: 0; right: 0; margin: 0 auto; width: 100%; height: 30%; max-height: 300px; z-index: -1; } .SectionContainer.dark { background-color: #000000; color: #ffffff; } .SectionContainer.gray { background-color: #D4D4D4; } .SectionContainer--footer { text-align: center; margin-top: 60px; } @media screen and (max-width: 1000px) { .SectionContainer--footer { margin-top: 30px; } } .SectionTitle { margin-bottom: 60px; text-align: center; } @media screen and (max-width: 1000px) { .SectionTitle { margin-bottom: 7.5vw; } } @media screen and (max-width: 400px) { .SectionTitle { margin-bottom: 30px; } } .SectionTitle.inline, .SectionTitle.medium, .SectionTitle.large { margin-left: 0; margin-right: 0; text-align: left; } .SectionTitle.large .SectionTitle--headline { font-size: 80px; font-weight: 200; line-height: 1.1; margin-top: 0; } @media screen and (max-width: 1000px) { .SectionTitle.large .SectionTitle--headline { font-size: 50px; line-height: 1.14; } } @media screen and (max-width: 750px) { .SectionTitle.large .SectionTitle--headline { font-size: 40px; line-height: 1.15; } } .SectionTitle.large .SectionTitle--content { font-size: 30px; font-weight: 200; line-height: 1.26667; font-weight: 200; } [lang="zh"] .SectionTitle.large .SectionTitle--content, [lang="zh-Hant"] .SectionTitle.large .SectionTitle--content, [lang="zh-Hans"] .SectionTitle.large .SectionTitle--content, [lang="zh-CN"] .SectionTitle.large .SectionTitle--content { line-height: 1.5; } @media screen and (max-width: 1000px) { .SectionTitle.large .SectionTitle--content { font-size: 22px; line-height: 1.36364; } } .SectionTitle--title { font-size: 15px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: #636363; display: block; } .SectionTitle--headline { font-size: 50px; font-weight: 200; line-height: 1.16; display: block; } .template-red .SectionTitle--headline { color: #B32028; } @media screen and (max-width: 1000px) { .SectionTitle--headline { font-size: 30px; line-height: 1.53333; } } .StickyBottomBar { visibility: hidden; } .GlobalNav--list { display: -webkit-flex; display: -ms-flexbox; display: flex; } .GlobalNav--list > li { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow-x: hidden; } .GlobalNav--link { font-size: 15px; font-weight: normal;
131 color: #282828; position: relative; display: block; padding: 0 1.5em; line-height: 80px; } .Header { width: 100%; } .Header.transparent { color: #ffffff; } .Header.transparent .Header--inner { box-shadow: none; } .Header.transparent .Header--navBar { background-color: transparent; } .Header--inner { position: absolute; top: 0; left: 0; right: 0; width: 100%; max-width: 1540px; margin: 30px auto; z-index: 10; box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1600px) { .Header--inner { max-width: initial; width: auto; margin: 30px; } } @media screen and (max-width: 580px) { .Header--inner { margin: 20px; } } .Header--flyout.is-collapsed { display: none; } .Header--inner.small .Header--universalNav > .UniversalNav { display: none; } .Header.is-mobilenav-open .Header--inner.small .Header--universalNav > .UniversalNav { display: block; } @media screen and (max-width: 1000px) { .Header--universalNav > .UniversalNav { display: none; } .Header.is-mobilenav-open .Header--universalNav > .UniversalNav { display: block; } } .Header--navBar { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; } .Header--navBar:after { display: block; content: ""; clear: both; } .Header--inner.small .Header--navBar { height: 80px; margin-top: 0; border-radius: 4px; } @media screen and (max-width: 1000px) { .Header--navBar { height: 80px; margin-top: 0; border-radius: 4px; } } .Header--logo { padding: 0 30px; } @media screen and (max-width: 1382px) { .Header--logo { padding: 0 1.25rem; } } .Header--inner.small .Header--logo { margin-right: auto; padding: 0 1.75rem; } @media screen and (max-width: 1000px) { .Header--logo { margin-right: auto; padding: 0 1.75rem; } } .Header--mainNav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .Header--mainNav > .ServiceNav { margin-left: auto; margin-right: 15px; } @media screen and (max-width: 1000px) { .Header--mainNav { display: none; } } .Header--toggle, .Header--search, .Header--languageSwitcher, .Header--share { display: none; } .Logo { display: block; height: 38px; } .Logo > img { max-height: 100%; image-rendering: -webkit-optimize-contrast; } @media screen and (max-width: 1382px) { .Logo { height: 33px; } } .Header--inner.small .Logo { height: 38px; } @media screen and (max-width: 1000px) { .Logo { height: 38px; } } @media screen and (max-width: 400px) { .Logo { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .Logo > img { max-width: 100%; } } .Notification { display: none; } .ServiceNav { visibility: hidden; } .CountryMap--a11yHint { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; } .CountryMap--map { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); } @media (max-width: 1430px) { .CountryMap--map { margin-left: 75px; margin-right: 75px; } } @media screen and (max-width: 1200px) { .CountryMap--map { margin-left: 60px; margin-right: 60px; } } @media screen and (max-width: 750px) { .CountryMap--map { margin-left: 30px; margin-right: 30px; } } @media screen and (max-width: 580px) { .CountryMap--map { margin-left: 20px; margin-right: 20px; } } @media print { .CountryMap--map { max-width: 100%; margin: 0; } } @media screen and (max-width: 750px) { .CountryMap--map { display: none; } } .CountryMap--map.is-unsupported { display: none; } .CountryMap--inner { position: relative; padding-bottom: 71.19%; } .CountryMap--mapContainer { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; } .CountryMap--mapContainer .mapboxgl-canvas-container { height: 100%; } .CountryMap--data-container { display: none; } .CountryMap--fallback { display: none; } @media screen and (max-width: 750px) { .CountryMap--fallback { display: block; } } @media screen and (min-width: 1001px) { .Filter--flyout--header, .Filter--mobileControls { display: none; } } .Filter--inner { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); } @media (max-width: 1430px) { .Filter--inner { margin-left: 75px; margin-right: 75px; } } @media screen and (max-width: 1200px) { .Filter--inner { margin-left: 60px; margin-right: 60px; } } @media screen and (max-width: 750px) { .Filter--inner { margin-left: 30px; margin-right: 30px; } } @media screen and (max-width: 580px) { .Filter--inner { margin-left: 20px; margin-right: 20px; } } @media print { .Filter--inner { max-width: 100%; margin: 0; } } @media screen and (max-width: 1000px) { .Filter--inner { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; overflow: hidden; width: 1px; height: 1px; } } .Filter--flyout--controls, .FilterGroup--collapsible, .Filter--background { display: none; } .Filter--groups { display: -webkit-flex; display: -ms-flexbox; display: flex; } .FilterGroup--title--category, .FilterGroup--title--activeFilters { font-size: 16px; font-weight: normal; line-height: 1.375; display: block; } [lang="zh"] .FilterGroup--title--category, [lang="zh-Hant"] .FilterGroup--title--category, [lang="zh-Hans"] .FilterGroup--title--category, [lang="zh-CN"] .FilterGroup--title--category, [lang="zh"] .FilterGroup--title--activeFilters, [lang="zh-Hant"] .FilterGroup--title--activeFilters, [lang="zh-Hans"] .FilterGroup--title--activeFilters, [lang="zh-CN"] .FilterGroup--title--activeFilters { line-height: 1.5; } .FilterGroup--title--category { color: #636363; } .SearchBar { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); margin-bottom: 60px; } @media (max-width: 1430px) { .SearchBar { padding-left: 75px; padding-right: 75px; } } @media screen and (max-width: 1200px) { .SearchBar { padding-left: 60px; padding-right: 60px; } } @media screen and (max-width: 750px) { .SearchBar { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 580px) { .SearchBar { padding-left: 20px; padding-right: 20px; } } @media print { .SearchBar { max-width: 100%; margin: 0; } } .SearchBar--input { outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 80px; font-weight: 200; line-height: 1.1; border: none; background: transparent; border-bottom: 1px solid #D4D4D4; } .SearchBar--input:focus { outline: 0; } @media screen and (max-width: 1000px) { .SearchBar--input { font-size: 50px; line-height: 1.14; } } @media screen and (max-width: 750px) { .SearchBar--input { font-size: 40px; line-height: 1.15; font-size: 30px; font-weight: 200; line-height: 1.26667; }
131 [lang="zh"] .SearchBar--input, [lang="zh-Hant"] .SearchBar--input, [lang="zh-Hans"] .SearchBar--input, [lang="zh-CN"] .SearchBar--input{ line-height: 1.5; } .SearchBar--input{ font-size: 22px; line-height: 1.36364; } } .SearchResult { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); } @media (max-width: 1430px) { .SearchResult { padding-left: 75px; padding-right: 75px; } } @media screen and (max-width: 1200px) { .SearchResult { padding-left: 60px; padding-right: 60px; } } @media screen and (max-width: 750px) { .SearchResult { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 580px) { .SearchResult { padding-left: 20px; padding-right: 20px; } } @media print { .SearchResult { max-width: 100%; margin: 0; } } .ArticleTeaser { position: relative; } .ArticleTeaser.publication .ArticleTeaser--inner { margin-right: 30px; width: calc(100% - 30px); } @media screen and (max-width: 750px) { .ArticleTeaser.publication .ArticleTeaser--inner { margin-right: 20px; width: calc(100% - 20px); } } .ArticleTeaser.publication .ArticleTeaser--behind { position: absolute; top: 30px; left: auto; right: 0; bottom: 30px; width: 50px; z-index: -1; overflow: hidden; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); } .ArticleTeaser.publication .ArticleTeaser--behind .Media.image { width: 100%; height: 100%; padding: 0 !important; background-size: cover; background-position: center right; } @media screen and (max-width: 750px) { .ArticleTeaser.publication .ArticleTeaser--behind { top: 15px; bottom: 15px; } } .ArticleTeaser--inner { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; background-color: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2); z-index: 1; } .ArticleTeaser--header { max-height: 250px; overflow: hidden; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .ArticleTeaser--publication--header { height: 0; width: 100%; padding-bottom: calc(64.1% + 19px); position: relative; } @media screen and (max-width: 750px) { .ArticleTeaser--publication--header { padding-bottom: calc(64.1% + 13px); } } .ArticleTeaser--content { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 34px; overflow: hidden; min-height: 175px; } @media screen and (max-width: 1000px) { .ArticleTeaser--content { padding: 1em; } } .ArticleTeaser--link { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .ArticleTeaser--publication { font-size: 30px; font-weight: 200; line-height: 1.26667; font-weight: 200; width: 100%; height: 100%; max-height: 250px; position: absolute; top: 0; left: 0; bottom: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 34px; word-spacing: 1000px; } [lang="zh"] .ArticleTeaser--publication, [lang="zh-Hant"] .ArticleTeaser--publication, [lang="zh-Hans"] .ArticleTeaser--publication, [lang="zh-CN"] .ArticleTeaser--publication { line-height: 1.5; } @media screen and (max-width: 1000px) { .ArticleTeaser--publication { font-size: 22px; line-height: 1.36364; padding: 0 20px; } } .DialogueTeaser--content { position: absolute; } .DialogueTeaser--background { position: relative; width: 100%; padding-top: 130%; min-height: 100%; overflow: hidden; } .DialogueTeaser--background > .Media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .DialogueTeaser--link { position: absolute; } .FocusAreaTeaser--content { position: absolute; } .FocusAreaTeaser--background { position: relative; width: 100%; padding-top: 130%; min-height: 100%; overflow: hidden; } .FocusAreaTeaser--background > .Media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .FocusAreaTeaser--link { position: absolute; } .HeroTeaser { width: 100%; height: 100%; color: #ffffff; } .HeroTeaser--inner { position: relative; margin-left: calc(50% - 615px); margin-right: calc(50% - 615px); padding-top: 240px; padding-bottom: 60px; margin-bottom: 100px; position: absolute; left: 0; right: 0; bottom: 0; } @media (max-width: 1430px) { .HeroTeaser--inner { margin-left: 75px; margin-right: 75px; } } @media screen and (max-width: 1200px) { .HeroTeaser--inner { margin-left: 60px; margin-right: 60px; } } @media screen and (max-width: 750px) { .HeroTeaser--inner { margin-left: 30px; margin-right: 30px; } } @media screen and (max-width: 580px) { .HeroTeaser--inner { margin-left: 20px; margin-right: 20px; } } @media print { .HeroTeaser--inner { max-width: 100%; margin: 0; } } @media screen and (max-width: 1000px) { .HeroTeaser--inner { padding-top: 30vw; } } @media screen and (max-width: 400px) { .HeroTeaser--inner { padding-top: 120px; } } @media screen and (max-width: 1000px) { .HeroTeaser--inner { padding-bottom: 7.5vw; } } @media screen and (max-width: 400px) { .HeroTeaser--inner { padding-bottom: 30px; } } @media screen and (max-width: 1382px) { .HeroTeaser--inner { padding-bottom: 15px; } } @media screen and (max-width: 750px) { .HeroTeaser--inner { padding-top: 150px; padding-bottom: 0; margin-bottom: 45px; } } @media screen and (max-width: 580px) { .HeroTeaser--inner { margin-bottom: 60px; } } .HeroTeaser--header { width: 80%; } @media screen and (max-width: 1000px) { .HeroTeaser--header { width: 90%; } } @media screen and (max-width: 750px) { .HeroTeaser--header { width: 100%; } } .HeroTeaser--category { font-size: 14px; font-weight: normal; line-height: 1.4; display: block; margin-bottom: 1em; } [lang="zh"] .HeroTeaser--category, [lang="zh-Hant"] .HeroTeaser--category, [lang="zh-Hans"] .HeroTeaser--category, [lang="zh-CN"] .HeroTeaser--category { line-height: 1.5; } @media screen and (max-width: 750px) { .HeroTeaser--category { margin-bottom: .5em; } } .HeroTeaser--preTitle { font-size: 50px; font-weight: 200; line-height: 1.16; font-weight: 200; display: block; } @media screen and (max-width: 1000px) { .HeroTeaser--preTitle { font-size: 30px; line-height: 1.53333; } } .HeroTeaser--title { font-size: 50px; font-weight: 200; line-height: 1.16; width: 60%; display: block; margin-bottom: .5em; } @media screen and (max-width: 1000px) { .HeroTeaser--title { font-size: 30px; line-height: 1.53333; } } @media screen and (max-width: 1382px) { .HeroTeaser--title { font-size: 30px; width: 70%; line-height: 1.3; } } @media screen and (max-width: 750px) { .HeroTeaser--title { width: 100%; } } .HeroTeaser--text { width: 50%; margin-bottom: 30px; } @media screen and (max-width: 1382px) { .HeroTeaser--text { width: 60%; margin-bottom: 15px; } } @media screen and (max-width: 1200px) { .HeroTeaser--text { width: 70%; } } @media screen and (max-width: 750px) { .HeroTeaser--text { width: 100%; margin-bottom: 15px; } } @media screen and (max-width: 580px) { .HeroTeaser--text { font-size: 18px; font-weight: 200; margin-bottom: 30px; } } .HeroTeaser--background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; } .HeroTeaser--background > .Media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .HeroTeaserArea { height: 875px; max-height: calc(100vh - 90px); min-height: 400px; overflow: hidden; margin-bottom: 120px; } @media screen and (max-width: 1000px) { .HeroTeaserArea { margin-bottom: 15vw; } } @media screen and (max-width: 400px) { .HeroTeaserArea { margin-bottom: 60px; } } @media screen and (max-width: 1200px) { .HeroTeaserArea { height: 775p
131x; max-height: 85vh; } } @media screen and (max-width: 750px) { .HeroTeaserArea { height: 150vw; } } .HeroTeaserArea.has-boxteaser { margin-bottom: 0; } .HeroTeaserArea.has-boxteaser .HeroTeaser--background::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 10%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.3) 100%); } @media screen and (max-width: 750px) { .HeroTeaserArea.has-boxteaser .HeroTeaser--background::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 10%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.45) 100%); } } .HeroTeaserArea.has-boxteaser + .BoxTeaserArea { position: relative; z-index: 5; } @media screen and (min-width: 751px) { .HeroTeaserArea.has-boxteaser { height: 775px; max-height: 100vh; min-height: 400px; margin-bottom: -60px; } .HeroTeaserArea.has-boxteaser .HeroTeaser--inner { padding-bottom: 90px; } .HeroTeaserArea.has-boxteaser .HeroTeaserSlider--nav { padding-bottom: 75px; } } @media screen and (min-width: 1001px) { .HeroTeaserArea.has-boxteaser { height: 965px; min-height: 490px; margin-bottom: -90px; } .HeroTeaserArea.has-boxteaser .HeroTeaser--inner { padding-bottom: 150px; } .HeroTeaserArea.has-boxteaser .HeroTeaserSlider--nav { padding-bottom: 105px; } } @media screen and (min-width: 1383px) { .HeroTeaserArea.has-boxteaser .HeroTeaser--inner { padding-bottom: 120px; } .HeroTeaserArea.has-boxteaser .HeroTeaserSlider--nav { padding-bottom: 90px; } } .HeroTeaserSlider { background-color: #000000; height: 100%; position: relative; } .HeroTeaserSlider--inner { height: 100%; } .HeroTeaserSlider--wrapper { height: 100%; } @media screen and (min-width: 751px) { .HeroTeaserSlider--wrapper { -webkit-transform: none !important; transform: none !important; left: 0 !important; } } .HeroTeaserSlider--slide { width: 100%; height: 100%; transition: visibility 0s 1s; } .HeroTeaserSlider--slide.is-selected { visibility: visible; transition: visibility 0s; } @media screen and (min-width: 751px) { .HeroTeaserSlider--slide { left: 0 !important; visibility: hidden; } } @media screen and (max-width: 750px) { .HeroTeaserSlider--slide { transition: none; } .HeroTeaserSlider--slide.is-after-visible, .HeroTeaserSlider--slide.is-before-visible { visibility: hidden; } } .HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide { visibility: hidden; } .HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type { visibility: visible; } .HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type .HeroTeaser--inner .HeroTeaser--category, .HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type .HeroTeaser--inner .HeroTeaser--title, .HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type .HeroTeaser--inner .HeroTeaser--preTitle, .HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type .HeroTeaser--inner .HeroTeaser--text, .HeroTeaserSlider:not(.is-slider-ready) .HeroTeaserSlider--slide:first-of-type .HeroTeaser--inner .HeroTeaser--cta { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .HeroTeaserSlider--nav { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; width: 100%; top: auto; left: 0; bottom: 0; z-index: 5; border-top: 1px solid rgba(255, 255, 255, 0.2); } @media (max-width: 1430px) { .HeroTeaserSlider--nav { padding-left: 75px; padding-right: 75px; } } @media screen and (max-width: 1200px) { .HeroTeaserSlider--nav { padding-left: 60px; padding-right: 60px; } } @media screen and (max-width: 750px) { .HeroTeaserSlider--nav { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 580px) { .HeroTeaserSlider--nav { padding-left: 20px; padding-right: 20px; } } @media print { .HeroTeaserSlider--nav { max-width: 100%; margin: 0; } } @media screen and (max-width: 750px) { .HeroTeaserSlider--nav { display: none; } } .HeroTeaserSlider--nav--element { position: relative; width: 33.3%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .HeroTeaserSlider--nav--link { padding-top: 22px; padding-bottom: 22px; display: block; width: 100%; overflow: visible; } @media screen and (max-width: 1382px) { .HeroTeaserSlider--nav--link { padding-top: 17px; padding-bottom: 17px; } } .HeroTeaserSlider--nav--category { font-size: 14px; font-weight: normal; line-height: 1.4; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #ffffff; letter-spacing: .05ex; display: block; width: calc(100% - 30px); } [lang="zh"] .HeroTeaserSlider--nav--category, [lang="zh-Hant"] .HeroTeaserSlider--nav--category, [lang="zh-Hans"] .HeroTeaserSlider--nav--category, [lang="zh-CN"] .HeroTeaserSlider--nav--category { line-height: 1.5; } .HeroTeaserSlider--nav--category > br { display: none; } .HeroTeaserSlider--nav--title { font-size: 16px; font-weight: normal; line-height: 1.375; font-weight: bold; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: .02ex; display: block; width: calc(100% - 30px); } [lang="zh"] .HeroTeaserSlider--nav--title, [lang="zh-Hant"] .HeroTeaserSlider--nav--title, [lang="zh-Hans"] .HeroTeaserSlider--nav--title, [lang="zh-CN"] .HeroTeaserSlider--nav--title { line-height: 1.5; } .HeroTeaserSlider--nav--title > br { display: none; } .ImmersiveTeaserArea--slide { width: 100%; visibility: hidden; } .ImmersiveTeaser { height: 800px; max-height: 90vh; }
131 .ImmersiveTeaser--background { height: 100%; } .ImmersiveTeaser--background .Media { height: 100%; } .TeaserSlider { padding-left: calc(50% - 615px); padding-right: calc(50% - 615px); } @media (max-width: 1430px) { .TeaserSlider { padding-left: 75px; padding-right: 75px; } } @media screen and (max-width: 1200px) { .TeaserSlider { padding-left: 60px; padding-right: 60px; } } @media screen and (max-width: 750px) { .TeaserSlider { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 580px) { .TeaserSlider { padding-left: 20px; padding-right: 20px; } } @media print { .TeaserSlider { max-width: 100%; margin: 0; } } .TeaserSlider--slider { position: relative; } .TeaserSlider--wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; white-space: inherit; } .TeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; width: calc((100% + 30px) / 3 - 30px); margin-right: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100%; } @supports (display: flex) { .TeaserSlider--slide { display: block; white-space: inherit; } } .TeaserSlider--slide.is-slider-ready { visibility: hidden; } .TeaserSlider--slide.was-visible, .TeaserSlider--slide.is-visible { visibility: visible; } @supports (display: flex) { .TeaserSlider--slide { display: -webkit-flex; display: -ms-flexbox; display: flex; } } .TeaserSlider--slide > * { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } @media screen and (min-width: 1001px) { .TeaserSlider.grid-4 .TeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; width: calc((100% + 30px) / 3 - 30px); margin-right: 30px; } @supports (display: flex) { .TeaserSlider.grid-4 .TeaserSlider--slide { display: block; white-space: inherit; } } .TeaserSlider.grid-4 .TeaserSlider--slide.is-slider-ready { visibility: hidden; } .TeaserSlider.grid-4 .TeaserSlider--slide.was-visible, .TeaserSlider.grid-4 .TeaserSlider--slide.is-visible { visibility: visible; } } @media screen and (min-width: 1201px) { .TeaserSlider.grid-4 .TeaserSlider--slide { display: inline-block; white-space: normal; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; width: calc((100% + 30px) / 4 - 30px); margin-right: 30px; } @supports (display: flex) { .TeaserSlider.grid-4 .TeaserSlider--slide { display: block; white-space: inherit; } } .TeaserSlider.grid-4 .TeaserSlider--slide.is-slider-ready { visibility: hidden; } .TeaserSlider.grid-4 .TeaserSlider--slide.was-visible, .TeaserSlider.grid-4 .TeaserSlider--slide.is-visible { visibility: visible; } } @media screen and (max-width: 1000px) { .TeaserSlider--slide { width: 50%; width: calc((100% + 30px) / 2 - 30px); margin-right: 30px; } } @media screen and (max-width: 750px) { .TeaserSlider--slide { width: 100%; width: calc((100% + 15px) / 1 - 15px); margin-right: 15px; } } .is-hidden { display: none !important; } .is-disabled, *[disabled] { opacity: 0.25; cursor: default; } </style>
131<script nonce="YWF5OTN5N2Q5em5kbWMyMWFhYWphNw==">
132    //<![CDATA[
133    !function(){var e=window.localStorage,t=e&&e.getItem("swissre-css"),s=document.getElementById("abovethefold"),a=s.getAttribute("data-href");if(t&&e.getItem("swissre-css-href")==a){var c=a.substr(0,a.lastIndexOf("/")+1);s.textContent=t.replace(/\.\.\//g,c+"../"),document.querySelector("html").className+=" css-cached"}}()
134    //]]>
135</script>
135
136
137
138
139      <meta name="google-site-verification" content="tExRpESTkcGElLVmnBap8M3yfCIA-kcjGYnqJ7vsk20" />
140
141</head>
142<body class="">
143
144<script id="svgicons-script" nonce="YWF5OTN5N2Q5em5kbWMyMWFhYWphNw==">
145    //<![CDATA[
146    !function(e,s){function n(e){var s=document.getElementById("svgicons-sprite");s&&s.parentNode.removeChild(s);var n=c.svgicons.replace("<svg ",'<svg id="svgicons-sprite" style="display: none"');document.body.insertAdjacentHTML("beforeend",n)}var o,t,i,c=window.localStorage||{};c.svgicons&&c.svgicons_revision==s||(o="/.resources/swissre-foundation/webresources/img/svg-sprite.svg?id=161061",t=function(e){c.svgicons=e,c.svgicons_revision=s,n()},(i=new XMLHttpRequest).onreadystatechange=function(){4===i.readyState&&200===i.status&&t&&t(i.responseText)},i.open("GET",o),i.send()),c.svgicons&&n()}(0,"161061")
147    //]]>
148</script>
148
149
150
151      
151<script nonce="YWF5OTN5N2Q5em5kbWMyMWFhYWphNw==" type="text/javascript">
152(function(window, document, dataLayerName, id) {
153window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script');
154function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString()}document.cookie=a+"="+b+d+"; path=/; Secure"}
155var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1);
156var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),qP.push("use_secure_cookies"),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):"";
157tags.async=!0,tags.src="//swissreextranet.containers.piwik.pro/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts);
158!function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]);
159})(window, document, 'dataLayer', 'd48177e2-82ee-4939-b4b8-4832cba98c22');
160</script>
160<noscript><iframe src="//swissreextranet.containers.piwik.pro/d48177e2-82ee-4939-b4b8-4832cba98c22/noscript.html" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
161
162        <div id="body">
163
164
165
166
167<header class="Header" data-js-nav id="Header" role="banner">
168    <p aria-level="1" class="visuallyhidden" role="heading">Navigation on swissre.com</p>
169    <nav aria-describedby="Skiplinks--h2" class="Skiplinks" data-js-skiplinks id="Skiplinks">
170        <h2 class="visuallyhidden" id="Skiplinks--h2">Quick navigation</h2>
171        <ul>
172            <li><a accesskey="1" href="#main-content" title="[ALT + 1]">Content</a></li>
173            <li><a accesskey="2" href="/" title="[ALT + 2]">Homepage</a></li>
174            <li><a accesskey="3" href="#UniveralNavWrapper" title="[ALT + 3]">Business Unit Navigation</a></li>
175            <li><a accesskey="4" href="#GlobalNav" title="[ALT + 4]">Navigation</a></li>
176            <li><a accesskey="5" aria-expanded="false" data-flyout='{"focusInside":"input"}' data-js-flyout href="#headersearch" title="[ALT + 5]">Search</a></li>
177        </ul>
178    </nav>
179    <div class="Header--inner" data-js-autobreak="small" data-nav-el="wrapper">
180    <div class="Header--nav">
181      <div class="Header--navBar">
182          <div class="Header--logo ">
183
184            <a
185                class="Logo"
186                href="/"
187                
188            >
189                    <img alt="To home page, Swiss Re Foundation Logo" src="/.resources/swissre-foundation/webresources/img/logos/SR_Logo_Foundation_black.svg">
190                <span class="visuallyhidden">, to Homepage</span>
191            </a>
192          </div>
193      <div class="Header--mainNav" data-hidden="true" data-js-collapsible='{"group":"MainNav","scrollTo":false,"focusInside":"[data-nav-el=\"wrapper\"]","syncstate":{"#Header":"is-mobilenav-open"}}' id="MainNav">
194
195          <nav class="GlobalNav" id="GlobalNav">
196            <h2 class="visuallyhidden">Main Navigation</h2>
197                <ul class="GlobalNav--list">
198                
199
200                            <li>
201                                <button aria-controls="what-we-do-subnav" aria-expanded="false" class="GlobalNav--link" data-collapsible-el="toggle" data-nav-el="trigger" type="button">What we do</button>
202                            </li>
203
204                            <li>
205                                <button aria-controls="who-we-are-subnav" aria-expanded="false" class="GlobalNav--link" data-collapsible-el="toggle" data-nav-el="trigger" type="button">Who we are</button>
206                            </li>
207
208                            <li>
209                                <button aria-controls="what-we-have-achieved-subnav" aria-expanded="false" class="GlobalNav--link" data-collapsible-el="toggle" data-nav-el="trigger" type="button">What we have achieved</button>
210                            </li>
211
212                            <li>
213                                <button aria-controls="who-we-partner-with-subnav" aria-expanded="false" class="GlobalNav--link" data-collapsible-el="toggle" data-nav-el="trigger" type="button">Who we partner with</button>
214                            </li>
215
216                </ul>
217          </nav>
218
219          <nav class="ServiceNav">
220            <h2 class="visuallyhidden">Service Navigation</h2>
221            
222            <ul class="ServiceNav--list">
223
224                <li>
225                    <a class="ServiceNav--link" href="https://swissre.com" target="_blank" rel='noopener'>
226                        <span class="ServiceNav--link--text">
227                            swissre.com
228                        </span>
229                        <span class="Icon inline" data-picto="external">
230                            <svg aria-hidden="true"><use xlink:href="#picto-external" xmlns:xlink="http://www.w3.org/1999/xlink" ></use></svg>
231                        </span>
232                    </a>
233                </li>
234            </ul>
235
236            <ul class="ServiceNav--list">
237
238
239
240            </ul>
241        </nav>
242
243      </div>
244
245        <div class="Header--search">
246          <button aria-controls="headersearch" aria-expanded="false" class="Search--open" data-js-flyout type="button">
247            <span class="visuallyhidden">Open Search</span>
248            <span class="Icon" data-icon="search"></span>
249          </button>
250          <div
251            class="Search"
252            data-flyout='{"syncstate":{"#Header":"is-search-open"},"focusInside":"#u20","arrowElements":false}'
253              data-js-search
254            id="headersearch"
255          >
256            <h2 class="visuallyhidden">Search</h2>
257            <div class="Search--panel">
258              <div class="Search--panel--inner">
259
260
261                <form action="/search-page.html" class="Search--form" data-search-el="form" method="get" role="search">
262
263
264                    <span class="Icon Search--form--icon" data-icon="search"></span>
265                    <label class="visuallyhidden" for="u20">Enter search term</label>
266                    <span aria-hidden="true" class="Search--form--placeholderPolyfill" data-search-el="placeholder">Type to search entire website</span>
267                    <input
268                        
269                        autocomplete="off"
270                        class="Search--form--input"
271                        data-label='item.replace(this.el.value, "&lt;strong class=t-bold&gt;" + this.el.value + "&lt;/strong&gt;")'
272                        data-search-el="autocomplete"
273                        data-async-values="/search-page.json"
274                        data-values="null"
275                        id="u20"
276                        name="searchterm"
277                        placeholder="Type to search entire website"
278                        type="text"
279                    >
280                    <button class="Search--submit" data-search-el="submit" type="submit">
281                    <span class="visuallyhidden">submit</span>
282                        search
283                    </button>
284                    <button class="Search--close" data-flyout-el="close" type="reset">
285                        <span class="visuallyhidden">Close Search</span>
286                        <span class="Icon" data-icon="close"></span>
287                    </button>
288                </form>
289              </div>
290            </div>
291          </div>
292
293        </div>
294        <button aria-controls="MainNav" aria-expanded="false" class="Header--toggle" data-nav-el="mobileNavToggle" type="button">
295          <span class="Header--toggle--open visuallyhidden">Open Main Navigation</span>
296          <span class="Header--toggle--close visuallyhidden">Close</span>
297          <span class="Icon" data-icon="burger"></span>
298        </button>
299      </div>
300      <div class="Header--flyout is-collapsed" data-expanded="false" data-flyout='{"syncstate":{"#Header":"is-nav-open"},"autoscroll":false,"openAnimated":true,"closeAnimated":true}' data-nav-el="flyout" id="HeaderFlyout">
301
302
303
304
305
306                <div class="HeaderFlyout" data-hidden="false" data-js-collapsible='{"group":"headersubnav","animateSizeDuration":0}' id="what-we-do-subnav">
307                  <button class="HeaderFlyout--close" data-flyout-el="close" type="button">
308                    <span class="visuallyhidden">Close Navigation</span>
309                  </button>
310                  <div class="HeaderFlyout--inner">
311                    <div class="HeaderFlyout--content"  role="list">
312                      <div class="HeaderFlyout--section info" role="presentation">
313                        <button aria-controls="HeaderFlyout" class="HeaderFlyout--back" data-nav-el="mobileSubnavBack" type="button">back</button>
314                            <p class="HeaderFlyout--title" data-nav-el="subNavTitle" role="listitem">
315                                <a href="/what-we-do.html">
316                                    What we do
317                                </a>
318                            </p>
319                            <p class="HeaderFlyout--description is-hidden-mobile" role="presentation">To advance innovative solutions to the world’s climate and health challenges, we offer tailored financing and access to Swiss Re expertise, build actionable evidence and <span data-limitedSize='175'>...</span></p>
320                        <p role="listitem">
321                            <a class="HeaderFlyout--cta" href="/what-we-do.html" >Discover</a>
322                        </p>
323                      </div>
324
325                      <div class="HeaderFlyout--section" role="presentation">
326                                <p class="HeaderFlyout--section--title" role="listitem">
327                                    <a href="/what-we-do/strategy.html" >Strategy</a>
328                                </p>
329
330
331                                <p class="HeaderFlyout--section--title" role="listitem">
332                                    <a href="/what-we-do/projects.html" >Projects</a>
333                                </p>
334                                <div class="HeaderFlyout--linkList" role="presentation">
335                                    <ul role="presentation">
336
337                                        <li role="listitem">
338                                          <a class="HeaderFlyout--link" href="/what-we-do/projects/Climate-solutions.html" >Climate solutions</a>
339                                        </li>
340                                        <li role="listitem">
341                                          <a class="HeaderFlyout--link" href="/what-we-do/projects/access-to-health.html" >Access to health</a>
342                                        </li>
343                                    </ul>
344                                </div>
345
346
347                                </div>
348                                <div class="HeaderFlyout--section" role="presentation">
349
350
351                                <p class="HeaderFlyout--section--title" role="listitem">
352                                    <a href="/what-we-do/volunteering.html" >Volunteering</a>
353                                </p>
354
355
356                                <p class="HeaderFlyout--section--title" role="listitem">
357                                    <a href="/what-we-do/how-do-we-measure-impact.html" >How do we measure impact?</a>
358                                </p>
359
360
361
362                      </div>
363
364
365                    </div>
366
367                  </div>
368                </div>
369
370
371
372
373                <div class="HeaderFlyout" data-hidden="false" data-js-collapsible='{"group":"headersubnav","animateSizeDuration":0}' id="who-we-are-subnav">
374                  <button class="HeaderFlyout--close" data-flyout-el="close" type="button">
375                    <span class="visuallyhidden">Close Navigation</span>
376                  </button>
377                  <div class="HeaderFlyout--inner">
378                    <div class="HeaderFlyout--content"  role="list">
379                      <div class="HeaderFlyout--section info" role="presentation">
380                        <button aria-controls="HeaderFlyout" class="HeaderFlyout--back" data-nav-el="mobileSubnavBack" type="button">back</button>
381                            <p class="HeaderFlyout--title" data-nav-el="subNavTitle" role="listitem">
382                                <a href="/who-we-are.html">
383                                    Who we are
384                                </a>
385                            </p>
386                            <p class="HeaderFlyout--description is-hidden-mobile" role="presentation">We want to build resilient societies. Together with our partners and Swiss Re employees, we support efforts to strengthen societal resilience in targeted developing regions <span data-limitedSize='175'>...</span></p>
387                        <p role="listitem">
388                            <a class="HeaderFlyout--cta" href="/who-we-are.html" >Discover</a>
389                        </p>
390                      </div>
391
392                      <div class="HeaderFlyout--section" role="presentation">
393                                <p class="HeaderFlyout--section--title" role="listitem">
394                                    <a href="/who-we-are/board-of-trustees.html" >Board of Trustees</a>
395                                </p>
396
397
398
399                                <p class="HeaderFlyout--section--title" role="listitem">
400                                    <a href="/who-we-are/team.html" >Team</a>
401                                </p>
402
403
404
405                                <p class="HeaderFlyout--section--title" role="listitem">
406                                    <a href="/who-we-are/fact-sheet.html" >Fact Sheet</a>
407                                </p>
408
409
410
411
412                      </div>
413
414
415                    </div>
416
417                  </div>
418                </div>
419
420
421
422
423                <div class="HeaderFlyout" data-hidden="false" data-js-collapsible='{"group":"headersubnav","animateSizeDuration":0}' id="what-we-have-achieved-subnav">
424                  <button class="HeaderFlyout--close" data-flyout-el="close" type="button">
425                    <span class="visuallyhidden">Close Navigation</span>
426                  </button>
427                  <div class="HeaderFlyout--inner">
428                    <div class="HeaderFlyout--content"  role="list">
429                      <div class="HeaderFlyout--section info" role="presentation">
430                        <button aria-controls="HeaderFlyout" class="HeaderFlyout--back" data-nav-el="mobileSubnavBack" type="button">back</button>
431                            <p class="HeaderFlyout--title" data-nav-el="subNavTitle" role="listitem">
432                                <a href="/what-we-have-achieved.html">
433                                    What we have achieved
434                                </a>
435                            </p>
436                            <p class="HeaderFlyout--description is-hidden-mobile" role="presentation">We take an evidence-based approach to selecting our partners and projects and to tracking and amplifying our impact.</p>
437                        <p role="listitem">
438                            <a class="HeaderFlyout--cta" href="/what-we-have-achieved.html" >Discover</a>
439                        </p>
440                      </div>
441
442                      <div class="HeaderFlyout--section" role="presentation">
443                                <p class="HeaderFlyout--section--title" role="listitem">
444                                    <a href="/what-we-have-achieved/Impact-Stories.html" >Impact Stories</a>
445                                </p>
446
447
448
449                                <p class="HeaderFlyout--section--title" role="listitem">
450                                    <a href="/what-we-have-achieved/past-projects.html" >Past projects</a>
451                                </p>
452
453
454
455                                <p class="HeaderFlyout--section--title" role="listitem">
456                                    <a href="/what-we-have-achieved/foundation-report.html" >Annual Report</a>
457                                </p>
458
459
460
461                                <p class="HeaderFlyout--section--title" role="listitem">
462                                    <a href="/what-we-have-achieved/news.html" >News</a>
463                                </p>
464
465
466
467
468                      </div>
469
470
471                    </div>
472
473                  </div>
474                </div>
475
476
477
478
479                <div class="HeaderFlyout" data-hidden="false" data-js-collapsible='{"group":"headersubnav","animateSizeDuration":0}' id="who-we-partner-with-subnav">
480                  <button class="HeaderFlyout--close" data-flyout-el="close" type="button">
481                    <span class="visuallyhidden">Close Navigation</span>
482                  </button>
483                  <div class="HeaderFlyout--inner">
484                    <div class="HeaderFlyout--content"  role="list">
485                      <div class="HeaderFlyout--section info" role="presentation">
486                        <button aria-controls="HeaderFlyout" class="HeaderFlyout--back" data-nav-el="mobileSubnavBack" type="button">back</button>
487                            <p class="HeaderFlyout--title" data-nav-el="subNavTitle" role="listitem">
488                                <a href="/who-we-partner-with.html">
489                                    Who we partner with
490                                </a>
491                            </p>
492                            <p class="HeaderFlyout--description is-hidden-mobile" role="presentation">Together with social enterprises, NGOs, public systems, fellow philanthropies and local communities, we support resilience-building solutions as they progress from promising <span data-limitedSize='175'>...</span></p>
493                        <p role="listitem">
494                            <a class="HeaderFlyout--cta" href="/who-we-partner-with.html" >Discover</a>
495                        </p>
496                      </div>
497
498                      <div class="HeaderFlyout--section" role="presentation">
499                                <p class="HeaderFlyout--section--title" role="listitem">
500                                    <a href="/who-we-partner-with/Entrepreneurial-solutions.html" >Entrepreneurial solutions</a>
501                                </p>
502                                <div class="HeaderFlyout--linkList" role="presentation">
503                                    <ul role="presentation">
504
505                                        <li role="listitem">
506                                          <a class="HeaderFlyout--link" href="/who-we-partner-with/Entrepreneurial-solutions/Entrepreneurs-for-Resilience.html" >Entrepreneurs for Resilience </a>
507                                        </li>
508                                        <li role="listitem">
509                                          <a class="HeaderFlyout--link" href="/who-we-partner-with/Entrepreneurial-solutions/Shine-2027.html" >Shine </a>
510                                        </li>
511                                    </ul>
512                                </div>
513
514
515                                </div>
516                                <div class="HeaderFlyout--section" role="presentation">
517
518
519                                <p class="HeaderFlyout--section--title" role="listitem">
520                                    <a href="/who-we-partner-with/System-efficiency.html" >System efficiency</a>
521                                </p>
522
523
524                                <p class="HeaderFlyout--section--title" role="listitem">
525                                    <a href="/who-we-partner-with/local-charities.html" >Local charities</a>
526                                </p>
527
528
529                                </div>
530                                <div class="HeaderFlyout--section" role="presentation">
531
532
533                                <p class="HeaderFlyout--section--title" role="listitem">
534                                    <a href="/who-we-partner-with/How-to-partner-with-us-.html" >How to partner with us</a>
535                                </p>
536
537
538
539                      </div>
540
541
542                    </div>
543
544                  </div>
545                </div>
546
547
548        <button class="FocusOnly" data-flyout-el="close" data-nav-el="mobileSubnavBack" type="button">Close Navigation</button>
549      </div>
550    </div>
551    <div class="Header--background" data-nav-el="background"></div>
552  </div>
553</header>
554
555            <div class="site-content" id="main-content" role="main">
556
557
558
559
560
561
562
563
564
565
566
567
568        <div class="PageHeaderImage ">
569            <div class="Media image" data-js-parallax='{"progressParentSelector":".PageHeaderImage","propertyOptions":[{"property":"transform","function":"translateY","from":-50,"to":50,"unity":"px","progressStart":0.667,"lerpEasing":false}]}' style="background-image:url('/.imaging/focalarea/8x3/dam/jcr:402477f7-a917-49f3-855f-a00e259f4f05/2025-02-srf-zimbos-hero-for-strategy.2025-03-21-10-53-11.jpg?20250321105311AM&nowebp')">
570                <div data-js-parallax="{&quot;property&quot;:&quot;object-position&quot;,&quot;from&quot;:0,&quot;to&quot;:100,&quot;unity&quot;:&quot;%&quot;}" data-sizes="/.imaging/focalarea/{w}x{h}
570/dam/jcr:402477f7-a917-49f3-855f-a00e259f4f05/2025-02-srf-zimbos-hero-for-strategy.2025-03-21-10-53-11.jpg?20250321105311AM 3200x1200" style="background-image:url('/.imaging/focalarea/8x3/dam/jcr:402477f7-a917-49f3-855f-a00e259f4f05/2025-02-srf-zimbos-hero-for-strategy.2025-03-21-10-53-11.jpg?20250321105311AM&nowebp')">
571                </div>
572            </div>
573        </div>
574
575
576
577                    <div class="l-Page left">
578
579<nav class="Breadcrumbs ">
580    <ol aria-label="Breadcrumb" class="Breadcrumbs--list">
581
582
583
584            <li class="Breadcrumbs--item">
585                <a class="Breadcrumbs--link" href="/">
586                    Swiss Re Foundation
587                </a>
588            </li>
589
590            <li class="Breadcrumbs--item">
591                <a class="Breadcrumbs--link" href="/what-we-do.html">
592                    What we do
593                </a>
594            </li>
595
596
597    </ol>
598</nav>
599
600<div class="ArticleHeader large">
601		<h1 class="ArticleHeader--title">
602			Strategy
603		</h1>
604</div>
605
606
607
608<section class="ArticleSection" >
609        <h2 class="visuallyhidden">a</h2>
610
611        <div class="richtext">
612                <p>Our vision is to build societal resilience by helping vulnerable communities adapt to a changing climate and by improving access to essential healthcare in low-income communities. We aim to make a difference that&rsquo;s measurable and sustainable, supporting our partners with grant funding and access to the expertise of dedicated Swiss Re employees.</p>
613
614<p><strong>Our focus areas and priorities</strong></p>
615
616<p>To concentrate our efforts and increase our impact, we prioritise two focus areas that encompass our activities in low- and middle-income countries (LMICs) and at Swiss Re locations:</p>
617
618<p>&bull; Climate solutions</p>
619
620<p>&bull; Access to health</p>
621
622        </div>
623
624</section>
625<style>
626.SimpleTable .richtext p {
627margin-top: 0;
628}
629.SimpleTable .richtext p:last-child {
630margin-bottom: 0;
631}
632</style>
633<section class="ArticleSection ">
634<div class="SimpleTable richtext" data-js-tablehighlight>
635<table class="richtext">
636<thead>
637<tr>
638<th scope="col" class="" >
639<p><strong>Focus area</strong></p> </th>
640<th scope="col" class="" >
641<p><strong>Priority themes</strong></p> </th>
642</tr>
643</thead>
644<tbody>
645<tr>
646<td class="" >
647<p><strong>Climate solutions</strong></p> </td>
648<td class="" >
649<ul>
650<li>Enhancing disaster risk reduction at the community level</li>
651<li>Nature based solutions</li>
652</ul> </td>
653</tr>
654<tr>
655<td class="" >
656<p><strong>Access to health&nbsp;</strong></p> </td>
657<td class="" >
658<ul>
659<li>Solutions that address inequalities and inefficiencies in people&rsquo;s access to healthcare in underserved communities.</li>
660</ul> </td>
661</tr>
662</tbody>
663</table>
664</div>
665</section>
666
667<section class="ArticleSection" >
668        <h2 class="visuallyhidden">a</h2>
669
670        <div class="richtext">
671                <p><strong>Our strategic commitments</strong></p>
672
673<p>The Swiss Re Foundation&rsquo;s first ten years allowed us to lay the groundwork for an effective future. With a clear understanding of how we can advance our vision of a more resilient world, we&rsquo;ve developed a resilience framework, sharpened our thematic scope and improved our understanding of what we can offer our partners to achieve social impact.</p>
674
675<p><strong>The Foundation creates value on three levels:</strong></p>
676
677<ul>
678	<li><strong>Entrepreneurial solutions:</strong>&nbsp;We support entrepreneurial solutions in the early, seed and growth stage. We want the solutions we support to grow beyond grant dependence and to scale impact through revenue-based business models. <a target='_blank' rel='noopener' href="https://www.swissrefoundation.org/who-we-partner-with/Entrepreneurs-for-Resilience.html" target="_blank">Entrepreneurs&nbsp;for Resilience</a> and <a target='_blank' rel='noopener' href="https://www.swissrefoundation.org/who-we-partner-with/Entrepreneurial-solutions/Shine-2027.html" target="_blank">Shine</a> are two flagship initiatives supporting enteprises from&nbsp;validation, development (Shine), or growth and expansion (E4R) stages of existence.</li>
679	<li><strong>System efficiency:</strong>&nbsp;We back initiatives that improve the efficiency of systems for climate resilience and healthcare delivery and demonstrate their value to governments.</li>
680	<li><strong>Local charities:</strong>&nbsp;We support local charities near Swiss Re locations that promote climate and health resilience and actively engage Swiss Re employees as volunteers.</li>
681</ul>
682
683<p><strong>Our corporate volunteering programmes</strong></p>
684
685<p>An important partner of ours is Swiss Re, our parent organisation, which not only funds the Foundation but also gives us access to the knowledge and networks of Swiss Re employees and clients. Our growing portfolio of employee volunteering opportunities fall into three cluster
685s:</p>
686
687<ul>
688	<li>Lending a hand &ndash; hands-on volunteering programmes to support charity partners near Swiss Re locations that address challenges in our focus areas through Community Days.</li>
689	<li>Sharing skills &ndash; competence-based expert engagement to mentor and support selected partners over a longer period.</li>
690	<li>Shine &ndash; developing business plan with early-stage social entrepreneurs while also giving Swiss Re experts an opportunity to realise their inner-development goals.</li>
691</ul>
692
693        </div>
694
695</section>
696
697
698<section class="ArticleSection" >
699        <h2 class="visuallyhidden">a</h2>
700
701        <div class="richtext">
702                <p><strong><em>&quot;We collaborate with entrepreneurial changemakers and partners in the public and private sectors to build resilience, favouring initiatives that provide &nbsp;human-centric, scalable market solutions and create actionable evidence.&quot;</em></strong><br />
703Stefan Huber Fux, Head Swiss Re Foundation</p>
704
705        </div>
706
707</section>
708
709
710<section class="ArticleSection" >
711        <h2 class="visuallyhidden">a</h2>
712
713        <div class="richtext">
714                <p><strong>Where we are headed</strong></p>
715
716<p>Together with 300 impassioned entrepreneurial changemakers, our community of 4 000+ Swiss Re volunteers and aligned ecosystem partners, in our 2025-2027 strategy cycle we aim to foster the resilience of 2 million people in low-income communities worldwide, especially in LMICs. We&rsquo;ll achieve this by continuing to de-risk early-stage entrepreneurial solutions and to support solutions that address urgent health and climate challenges. As strengthening our collaborations and taking a more concerted approach will be crucial, we&rsquo;ll count on Swiss Re expert volunteers, among other collaborators, ever more in our efforts to build a more resilient world.</p>
717
718<p>&nbsp;</p>
719
720        </div>
721
722</section>
723                    </div>
724
725
726
727
728
729
730            </div>
731
732
733
734                                                                         
735
736
737<footer class="Footer">
738    <p aria-level="1" class="visuallyhidden" role="heading">Footer</p>
739
740
741
742
743            <div class="Footer--sub">
744                <div class="Footer--row">
745
746
747
748    <div class="Footer--column">
749        <ul class="Footer--legal--list">
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764     <li class="Footer--sub--link">
765         <a href="/privacy-policy.html" target="_blank" rel="noopener">Privacy Policy</a>
766     </li>
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781     <li class="Footer--sub--link">
782         <a href="/legal-notice.html" target="_blank" rel="noopener">Legal Notice</a>
783     </li>
784
785
786
787
788    <li class="Footer--sub--link">
789        <a href="#" onclick='event.preventDefault(); CookieControl.open()'>
790            Cookie Settings
791        </a>
792    </li>
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812     <li class="Footer--sub--link">
813         <a href="/contact-us~ifr~.html#ContactFormWrapper" data-flyout-target="ContactFormOverlay" data-flyout-variant="no-scroll" target="lightbox" aria-expanded="false">Contact Us</a>
814     </li>
815        </ul>
816    </div>
817
818<div class="Footer--column Footer--social">
819    <div class="Footer--social--links">
820
821        
822
823
824
825
826
827    </div>
828</div>
829
830
831
832
833                </div>
834            </div>
835
836
837
838    <div class="Footer--sub copyright" >
839        <span class="Footer--sub--link">&copy; 2026 </span>
840        <span class="Footer--sub--link">All rights reserved.</span>
841    </div>
842</footer>
843
844<a class="RoundIconButton ScrollToTop" data-js-headroom href="#Header">
845    <span class="visuallyhidden">Scroll to top</span>
846    <span class="Icon" data-icon="up"></span>
847</a>
848<div id="PageOverlay">
849    
849<script id="u57" nonce="YWF5OTN5N2Q5em5kbWMyMWFhYWphNw==">
850      //<![CDATA[
851      document.getElementById("u57").fn=function(obj){var p=[],print=function(){p.push.apply(p,arguments)};with(obj)p.push('<div class="Overlay is-collapsed" data-flyout=\'{"syncstate":{"html, body":"is-overlaid"},"openAnimated":true,"closeAnimated":true,"arrowElements":false,"restoreScroll":true,"history":"',id,'"}\' id="',id,'">   <div class="Overlay--header">     <button class="Overlay--close" data-flyout-el="close" type="button">       <span class="visuallyhidden">Close Overlay</span>     </button>   </div>   <div class="Overlay--content">     <div class="LazyContent" data-lazycontent="',url,'">            </div>   </div>   <button class="FocusOnly" data-flyout-el="close" type="button">Close Overlay</button> </div> ');return p.join("")}
852      //]]>
853    </script>
853
854</div>
855<div id="LoadingAnimation">
856    
856<script id="u48" nonce="YWF5OTN5N2Q5em5kbWMyMWFhYWphNw==">document.getElementById("u48").fn=function(obj){var p=[],print=function(){p.push.apply(p,arguments)};with(obj)p.push('<div class="LoadingAnimation">   <div class="LoadingAnimation--inner" role="alert">     <p class="LoadingAnimation--title">Sending</p>     <span class="visuallyhidden">form, please wait.</span>   </div> </div> ');return p.join("")}</script>
856
857</div>
858<div class="PageShare">
859    <div class="Overlay PageShare--overlay dark-transparent is-collapsed" data-flyout='{"syncstate":{"html, body":"is-overlaid"},"openAnimated":true,"closeAnimated":true,"arrowElements":false,"restoreScroll":true}' id="PageShareOverlay">
860        <div class="Overlay--header">
861            <button class="Overlay--close" data-flyout-el="close" type="button">
862                <span class="visuallyhidden">Close Overlay</span>
863            </button>
864        </div>
865        <div class="Overlay--content">
866            <div class="PageShare--content">
867                <h2 class="visuallyhidden">Overlay with sharing options</h2>
868                <div class="PageShare--linkList">
869
870
871
872
873                    <div class="PageShare--linkList--item">
874                        <a class="RoundIconButton transparent large" href="http://twitter.com/share?text=Strategy&url=https%3A%2F%2Fwww.swissrefoundation.org%2Fwhat-we-do%2Fstrategy.html" target="_blank" rel="noopener">
875                            <span class="RoundIconButton--text">Share this on X</span>
876                            <span class="Icon white" data-picto="twitter">
877                                <svg aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#picto-twitter"></use></svg>
878                            </span>
879                        </a>
880                    </div>
881                    <div class="PageShare--linkList--item">
882                        <a class="RoundIconButton transparent large" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.swissrefoundation.org%2Fwhat-we-do%2Fstrategy.html&title=Strategy" target="_blank" rel="noopener">
883                            <span class="RoundIconButton--text">Share this on LinkedIn</span>
884                            <span class="Icon white" data-picto="linkedin">
885                                <svg aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#picto-linkedin"></use></svg>
886                            </span>
887                        </a>
888                    </div>
889
890                    <div class="PageShare--linkList--item">
891                        <a class="RoundIconButton transparent large" href="/cdn-cgi/l/email-protection#625d111700080701165f311610031607051b44030f1259000d061b5f311610031607051b4752264752234752264752230a161612114751234750244750241515154c11150b11111007040d170c0603160b0d0c4c0d1005475024150a03164f15074f060d475024111610031607051b4c0a160f0e" target="_blank" rel="noopener">
892                            <span class="RoundIconButton--text">Share this via e-mail</span>
893                            <span class="Icon white" data-picto="message">
894                                <svg aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#picto-message"></use></svg>
895                            </span>
896                        </a>
897                    </div>
898                </div>
899            </div>
900        </div>
901        <button class="FocusOnly" data-flyout-el="close" type="button">Close Overlay</button>
902    </div>
903</div>
904
905        </div>
vendor: 110 bytes, lines 905-907
905
906
907<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
907<script defer src="/.resources/swissre-foundation/webresources/js/ui.min.js?id=161061" nonce="YWF5OTN5N2Q5em5kbWMyMWFhYWphNw=="></script>
vendor: 1 bytes, line 907
907
908<script defer src="/.resources/swissre-web/webresources/js/mgnl.js" nonce="YWF5OTN5N2Q5em5kbWMyMWFhYWphNw=="></script>
908
909
910<script nonce="YWF5OTN5N2Q5em5kbWMyMWFhYWphNw==">
911    //<![CDATA[
912    !function(){var n=window.localStorage,e=!0,a=document.getElementById("abovethefold"),i=a.getAttribute("data-href");if(n&&n.getItem("swissre-css-href")==i){var t=n.getItem("swissre-css-time");t&&Math.abs(t-(new Date).getTime())<36e5&&(e=!1)}if(e){var o=i.substr(0,i.lastIndexOf("/")+1),r=new XMLHttpRequest;r.open("GET",i,!0),r.onreadystatechange=function(e){if(4===r.readyState){var t,s=r.responseText;a.textContent=s.replace(/\.\.\//g,o+"../"),n&&(n.setItem("swissre-css",s),n.setItem("swissre-css-href",i),n.setItem("swissre-css-time",(new Date).getTime())),a.id="fullstyle","function"==typeof Event?t=new Event("css-load-complete"):(t=document.createEvent("Event")).initEvent("css-load-complete",!0,!0),window.dispatchEvent(t)}},r.send()}}()
913    //]]>
914</script>
914
915
916
917<script src="https://cc.cdn.civiccomputing.com/9/cookieControl-swissre-1.0.min.js" defer integrity="sha384-T/I8s0uBgZGLtPg0RhebtiQ94tl/RIO30+bp7ppu8W5VSuHGr9xN6Ui/cxJmMZT/" crossorigin="anonymous"></script>
vendor: 1 bytes, line 917
917
918<script>
919window.addEventListener('DOMContentLoaded', function() {
920    var config = {
921
922        /* SITE SPECIFIC - REQUIRED CHANGE */
923        apiKey: 'fc6a97ef48d7a97172060e42a39cb100cb0b13e1',
924        product: 'PRO_MULTISITE',
925
926        accessibility: {
927            overlay: false
928        },
929
930        necessaryCookies: ["SWRSESSIONID","SRSESSIONID","JSESSIONID", "AWSALB", "AWSALBCORS", "ppms_privacy_*"],
931
932        sameSiteValue: 'Lax',
933
934        /* May be customised if you'd like language or choices to be site specific */
935        text: {
936            notifyTitle: '<strong>Your choice regarding usage of cookies on our website.</strong>',
937            notifyDescription: "We use necessary cookies to optimise site functionality and give you the best possible experience. We'd also like to set analytics cookies and/or marketing cookies, however, these will be set only if you accept. You can set your preferences using the Settings button. For more information, please see our <a href='https://www.swissrefoundation.org/privacy-policy.html'>cookie policy</a> about cookies.",
938
939            accept: 'Accept all',
940            reject: 'Decline all',
941
942            necessaryTitle: 'Necessary Cookies',
943            necessaryDescription: 'Necessary cookies enable core functionality such as page navigation and access to secure areas. The website cannot function properly without these cookies and can only be disabled by changing your browser preferences. These cookies do not store any personally identifiable information.',
944            /* please be mindful of the following, visually hidden text for screen readers */
945            closeLabel: 'Save and close privacy preferences',
946            dropDown: 'Show content for',
947            landmark: 'Cookie preferences',
948            closeLabel: 'Save and close privacy preferences',
949            necessaryCheck: 'Necessary cookies can not be deactivated',
950            allow: 'allow',
951            notifyAcceptContext: 'the use of cookies',
952            notifySettingsContext: 'Change privacy'
953        },
954        optionalCookies: [
955            {
956                name: 'analytics',
957                label: 'Analytical Cookies',
958                description: 'Analytical cookies are used to determine usage of our website. They are used to allow a smooth user journey through the site. They are not used for targeting adverts (Marketing Cookies).',
959                cookies: ["_ga", "_gid", "_gat*", "nmstat", "_pk_ses.*", "_pk_id.*", "_pk_cvar", "app_id", "piwik_auth", "PIWIK_SESSID", "_stg_debug", "stg_debug", "stg_traffic_source_priority", "stg_last_interaction", "stg_returning_visitor", "stg_fired__*", "stg_utm_campaign", "stg_pk_campaign", "stg_externalReferrer", "_stg_opt_out_simulate", "_stg_optout", "stg_global_opt_out", "csrftoken", "sessionid", "ppms_webstorage", "ppms_data_store","_vwo*","_vis*"],
960                // onAccept: function () {
961                //     console.log('onAccept analytics');
962                //
963                //     // Trigger a GTM event so that GTM knows consent for analytics cookies was provided and can fire your corresponding analytics scripts
964                //     dataLayer.push({'event' : 'analytics_consent_given'});
965                // },
966                // onRevoke: function () {
967                //     console.log('onRevoke analytics');
968                //
969                //     // Trigger a GTM event so that GTM knows consent for analytics cookies was revoked and can fire your corresponding analytics scripts
970                //     dataLayer.push({'event' : 'analytics_consent_revoked'});
971                // }
972            },
973            {
974                name: 'marketing',
975                label: 'Marketing Cookies',
976                description: 'We use marketing cookies to help us improve the relevancy of advertising campaigns you receive.',
977                cookies: [], // all marketing cookies identified third party, so do not need to be protected
978                // onAccept: function () {
979                //     console.log('onAccept marketing');
980                //
981                //     // Trigger a GTM event so that GTM knows consent for marketing cookies was provided and can fire your corresponding analytics scripts
982                //     dataLayer.push({'event': 'marketing_consent_given'});
983                // },
984                // onRevoke: function () {
985                //     console.log('onRevoke marketing');
986                //
987                //     // Trigger a GTM event so that GTM knows consent for marketing cookies was revoked and can fire your corresponding analytics scripts
988                //     dataLayer.push({'event': 'marketing_consent_revoked'});
989                // },
990                thirdPartyCookies: [{"name": "Google", "optOutLink": "https://safety.google/principles/"}]
991            }
992        ],
993        statement : {
994            name: 'Cookie Policy',
995            description: 'For more information, please see our',
996            url: 'https://www.swissrefoundation.org/privacy-policy.html',
997            updated: '01/09/2020'
998        },
999
1000        /* Below are appearance configurations so can be consistent across sites */
1001        initialState: 'notify',
1002        notifyDismissButton: false,
1003        acceptButton: false,
1004        rejectButton: true,
1005        settingsStyle: 'button',
1006
1007        layout: 'screen',
1008        theme: 'light',
1009        branding: {
1010            removeAbout: true,
1011            removeIcon: true,
1012            fontFamily: '"Swiss Re Sans", "Gulim", "Malgun Gothic", "Apple Gothic Neo", "Noto Sans KR", sans-serif',
1013
1014            closeIcon: '#282828',
1015            necessaryCheck: '#B32028',
1016            toggleText: '#282828',
1017            toggleColor: '#B32028',
1018            toggleBackground: '#ffffff',
1019
1020            backgroundColor: '#fff',
1021            alertBackground: '#fff',
1022            linkColor: '#B32028',
1023            dividerColor: '#CDCDCD',
1024
1025            notifyPadding: '30px',
1026            customCss: '#ccc{z-index: 200 !important;} #ccc * {font-weight: inherit !important;} #ccc #ccc-notify a {border-bottom: 1px solid #B32028;} #ccc #ccc-notify a:hover {text-decoration: none;} #ccc .third-party-cookie-icon {margin-left: 8px;} #ccc-statement {margin: 40px 0 60px;} #ccc .ccc-alert {padding: 0} #flying-focus {z-index: 400;} #ccc .ccc-title, #ccc .ccc-subtitle, #ccc .ccc-subtitle *, #ccc .ccc-dropdown-heading  {font-weight: 700 !important;} .ccc-panel{padding: 16px 24px;} #ccc .checkbox-toggle--switch input:checked ~ .checkbox-toggle-toggle, #ccc .checkbox-toggle--switch input:checked ~ .checkbox-toggle-toggle:after {border: 1px solid #B32028 !important;} #ccc .checkbox-toggle--switch .checkbox-toggle-toggle:after{box-sizing: border-box;} #cc-panel #ccc-button-holder {display: none;} #ccc-notify {box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 20%);} .ccc-notify-buttons button {margin: 8px 8px 8px 0 !important;}',
1027
1028        },
1029
1030        ui: {
1031            classLibrary: {
1032                stickyTitle: 'StickyHeader--headline t-xl',
1033                accordionTitle: 'Accordion--title t-m',
1034                button: 'Button secondary',
1035                buttonContent: 'Button--content',
1036                closeButton: 'Button',
1037                closeButtonContent: 'Button--content',
1038                notifyTitle: 't-ms',
1039                notifyBody: 't-s',
1040                panelTitle: 't-l',
1041                categoryTitle: 't-m',
1042                paragraph: 't-base',
1043                alertTitle: 'Accordion--title t-m',
1044            },
1045            iconsLibrary: {
1046                upArrow: '<svg width="18px" height="18px" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M4.46966991,6.46966991 C4.73593648,6.20340335 5.15260016,6.1791973 5.44621165,6.39705176 L5.53033009,6.46966991 L9.143,10.082 L12.7553842,6.46966991 C13.0216508,6.20340335 13.4383144,6.1791973 13.7319259,6.39705176 L13.8160444,6.46966991 C14.0823109,6.73593648 14.106517,7.15260016 13.8886625,7.44621165 L13.8160444,7.53033009 L9.14285714,12.2035173 L4.46966991,7.53033009 C4.1767767,7.23743687 4.1767767,6.76256313 4.46966991,6.46966991 Z" fill="#282828" fill-rule="nonzero" transform="translate(9.142857, 9.226759) scale(1, -1) translate(-9.142857, -9.226759) "></path></g></svg>',
1047                downArrow: '<svg width="18px" height="18px" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M4.46966991,6.46966991 C4.73593648,6.20340335 5.15260016,6.1791973 5.44621165,6.39705176 L5.53033009,6.46966991 L9.143,10.082 L12.7553842,6.46966991 C13.0216508,6.20340335 13.4383144,6.1791973 13.7319259,6.39705176 L13.8160444,6.46966991 C14.0823109,6.73593648 14.106517,7.15260016 13.8886625,7.44621165 L13.8160444,7.53033009 L9.14285714,12.2035173 L4.46966991,7.53033009 C4.1767767,7.23743687 4.1767767,6.76256313 4.46966991,6.46966991 Z" fill="#282828" fill-rule="nonzero"></path></g></svg>',
1048                warning: '<svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(1.000000, 1.000000)" fill="#282828" fill-rule="nonzero"><path d="M11,-0.75 C4.51065419,-0.75 -0.75,4.51065419 -0.75,11 C-0.75,17.4893458 4.51065419,22.75 11,22.7
10485 C17.4893458,22.75 22.75,17.4893458 22.75,11 C22.75,4.51065419 17.4893458,-0.75 11,-0.75 Z M11,0.75 C16.6609187,0.75 21.25,5.33908131 21.25,11 C21.25,16.6609187 16.6609187,21.25 11,21.25 C5.33908131,21.25 0.75,16.6609187 0.75,11 C0.75,5.33908131 5.33908131,0.75 11,0.75 Z"></path><path d="M11,5 C11.5128358,5 11.9355072,5.38604019 11.9932723,5.88337887 L12,6 L12,12 C12,12.5522847 11.5522847,13 11,13 C10.4871642,13 10.0644928,12.6139598 10.0067277,12.1166211 L10,12 L10,6 C10,5.44771525 10.4477153,5 11,5 Z"></path><circle cx="11" cy="16" r="1"></circle></g></g></svg>',
1049                check: '<svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g stroke-width="1"><path d="M17.4778906,7.4615747 C17.7752547,7.17322166 18.2500722,7.18052654 18.5384253,7.47789062 C18.8005644,7.7482216 18.8183582,8.16520834 18.5960129,8.45543389 L18.5221094,8.5384253 L9.74999944,17.0447132 L5.47789062,12.9020617 C5.18052654,12.6137086 5.17322166,12.1388911 5.4615747,11.841527 C5.72371384,11.571196 6.13995586,11.5405834 6.43688383,11.7538955 L6.52210938,11.8252111 L9.749,14.954 L17.4778906,7.4615747 Z"></path></g></svg>',
1050                close: '<svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.96394924,5.60401752 C6.25684246,5.3111243 6.7317162,5.3111243 7.02460942,5.60401752 L7.02460942,5.60401752 L11.9992793,10.5783476 L16.9753906,5.60401752 C17.2682838,5.3111243 17.7431575,5.3111243 18.0360508,5.60401752 C18.328944,5.89691074 18.328944,6.37178447 18.0360508,6.66467769 L13.0602793,11.6393476 L17.9967532,16.5761613 C18.2630197,16.8424278 18.2872258,17.2590915 18.0693713,17.552703 L17.9967532,17.6368214 C17.7038599,17.9297147 17.2289862,17.9297147 16.936093,17.6368214 L16.936093,17.6368214 L11.9992793,12.7003476 L7.063907,17.6368214 C6.77101379,17.9297147 6.29614005,17.9297147 6.00324683,17.6368214 C5.71035361,17.3439282 5.71035361,16.8690545 6.00324683,16.5761613 L10.9382793,11.6393476 L5.96394924,6.66467769 C5.69768268,6.39841113 5.67347663,5.98174745 5.89133109,5.68813595 Z"></path></svg>'
1051            },
1052            markup: {
1053                notifyTitle: 'p',
1054                panelTitle: 'p'
1055            },
1056            styling: {
1057                notifyTitle: 'display: none;',
1058                notifyBody: 'color: #282828; font-weight: 300 !important; margin: 0; line-height: 24px;',
1059                stickyHeader: 'color: #282828; font-weight: bold !important;',
1060                panelTitle: 'color: #3C3C3C; font-weight: bold !important;',
1061                panelBody: 'color: #3C3C3C; font-weight: 300 !important; margin: 16px 0;',
1062                categoryTitle: 'color: #282828; font-weight: bold !important;',
1063                categoryBody: 'color: #282828; font-weight: 300 !important; margin: 30px 0;',
1064                alertTitle: 'color: #282828; font-weight: bold !important;',
1065            }
1066        },
1067
1068        stickyHeader: true,
1069        stickyFooter: true,
1070        stickyFooterAlign: 'right',
1071
1072        dropDowns: true,
1073        showNecessaryCheck: true,
1074        toggleType: 'switch',
1075        setInnerHTML: true,
1076    };
1077
1078    CookieControl.load(config);
1079
1080    function handleMutation(mutationsList) {
1081        const acceptAllEl = document.getElementById("ccc-notify-accept");
1082        const rejectAllEl = document.getElementById("ccc-notify-reject");
1083        const saveCloseBtn = document.querySelector("#ccc-footer button");
1084        let ccc_module = false;
1085        let notify_module = false;
1086        for (const mutation of mutationsList) {
1087            if (mutation.type === 'childList') {
1088                const addedNodes = mutation.addedNodes;
1089                for (const node of addedNodes) {
1090                    // console.log(node)
1091                    if (node.id === "ccc-module") {
1092                        ccc_module = true
1093                    }
1094                    if(node.id === "ccc-notify") {
1095                        // observer.disconnect();
1096                        // setupObserver();
1097                        notify_module = true
1098                    }
1099                }
1100            }
1101        }
1102
1103        if(ccc_module) {
1104            saveCloseBtn && saveCloseBtn.addEventListener("click", () => {
1105                sendEvent("generic")
1106            });
1107            // setupObserver();
1108        }
1109
1110        if(notify_module) {
1111            acceptAllEl && acceptAllEl.addEventListener("click", () => {
1112                sendEvent("acceptAll")
1113            });
1114
1115            rejectAllEl && rejectAllEl.addEventListener("click", () => {
1116                sendEvent("rejectAll")
1117            });
1118        }
1119    }
1120
1121    const observerConfig = { childList: true, subtree: true };
1122
1123    function setupObserver() {
1124        const targetNode = document.body;
1125        const observer = new MutationObserver(handleMutation);
1126        observer.observe(targetNode, observerConfig);
1127    }
1128
1129    setupObserver();
1130
1131    let eventFired = false;
1132    function sendEvent(type){
1133
1134        let analyticsProp = CookieControl.getCategoryConsent(0) || false
1135        let marketingProp = CookieControl.getCategoryConsent(1) || false
1136
1137        if(type && type === "acceptAll") {
1138            analyticsProp = true
1139            marketingProp = true
1140        } else if(type && type === "rejectAll") {
1141            analyticsProp = false
1142            marketingProp = false
1143        }
1144
1145        if (eventFired === false){
1146            console.log("event fired")
1147            // stop duplicate events in quick succession
1148            // important for accept all / subsequent page loads where analytics and marketing callbacks execute sequentially
1149            eventFired = true;
1150            // getCategoryConsent reads the cookie value, so give slight delay before executing
1151            // setTimeout(function () {
1152            const consent = {
1153                'event': 'consent_status',
1154                'analytics': analyticsProp,
1155                'marketing': marketingProp
1156            }
1157            console.log(consent);
1158            // }, 200)
1159            window.dataLayer = window.dataLayer || [];
1160            window.dataLayer.push(consent);
1161
1162            // reset global variable in case user changes their mind
1163            // setTimeout(function(){
1164            eventFired = false
1165            // }, 0)
1166        }
1167    }
1168
1169    function checkCookie(cookieName) {
1170        const allCookies = document.cookie;
1171
1172        const cookiesArray = allCookies.split(';');
1173
1174        for (let i = 0; i < cookiesArray.length; i++) {
1175            const cookie = cookiesArray[i].trim();
1176
1177            if (cookie.indexOf(cookieName + '=') === 0) {
1178                return true;
1179            }
1180        }
1181        return false;
1182    }
1183
1184    const cookieExists = checkCookie('CookieControl');
1185
1186    setTimeout(function() {
1187        if (cookieExists && (CookieControl.getCategoryConsent(0) || CookieControl.getCategoryConsent(1)) ) {
1188            sendEvent();
1189        }
1190
1191    }, 1000);
1192
1193    !cookieExists ? (async () => {
1194        const consent = {
1195            'event': 'consent_status',
1196        }
1197        console.log(consent);
1198        // }, 200)
1199        window.dataLayer = window.dataLayer || [];
1200        window.dataLayer.push(consent);
1201    })() : null
1202
1203});
1204</script>
1204
1205
1206    </body>
1207</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.