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, "<strong class=t-bold>" + this.el.value + "</strong>")' 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="{"property":"object-position","from":0,"to":100,"unity":"%"}" 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’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>• Climate solutions</p> 619 620<p>• 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 </strong></p> </td> 657<td class="" > 658<ul> 659<li>Solutions that address inequalities and inefficiencies in people’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’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’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> 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 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 validation, development (Shine), or growth and expansion (E4R) stages of existence.</li> 679 <li><strong>System efficiency:</strong> 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> 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 – 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 – competence-based expert engagement to mentor and support selected partners over a longer period.</li> 690 <li>Shine – 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>"We collaborate with entrepreneurial changemakers and partners in the public and private sectors to build resilience, favouring initiatives that provide human-centric, scalable market solutions and create actionable evidence."</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’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’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> </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">© 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.