:root{--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1600px}.interactive-globe{margin-bottom:64px}@media(max-width:991px){.interactive-globe-headline{margin-bottom:0}}.interactive-globe-wrapper{display:flex;flex-wrap:wrap}@media(max-width:767px){.interactive-globe-wrapper{padding:0 16px}}.interactive-globe-canvas{height:43%;margin:0 calc(7% + 15px) 10% -15px;position:relative;width:43%}@media(max-width:767px){.interactive-globe-canvas{margin:0;width:100%}}@media(min-width:768px)and (max-width:991px){.interactive-globe-canvas{margin:0 20%;width:60%}}.interactive-globe-canvas:after{background-color:#23366f;border-radius:50%;bottom:-15%;content:"";display:block;filter:blur(40px);height:15%;left:0;opacity:.3;position:absolute;transform:scaleX(.4) scaleY(.5) translateZ(0);width:100%;z-index:10}@media(max-width:767px){.interactive-globe-canvas:after{bottom:-10%}}.interactive-globe-controls{float:right;position:relative;text-align:right;z-index:10}@media(max-width:767px){.interactive-globe-controls{display:none}}.interactive-globe-controls span{pointer-events:none}.interactive-globe-controls .slide-back span,.interactive-globe-controls .slide-forward span{top:1px}.interactive-globe-cards-wrapper{padding-top:8px;width:50%}@media(max-width:991px){.interactive-globe-cards-wrapper{padding-top:0;width:100%}} @media(max-width:767px){.interactive-globe-cards-wrapper{text-align:center; padding-top: 40px;}}.interactive-globe-cards>.btn{margin-bottom:8px}@media(min-width:768px){.interactive-globe-cards>.btn{display:none}}.interactive-globe-card{display:none;padding-top:75px;position:relative}@media(min-width:768px)and (max-width:991px){.interactive-globe-card{padding-top:65px}} @media(max-width:767px){.interactive-globe-card{padding-top:60px;text-align:center}}.interactive-globe-card-overline{display:inline-block;font-family:ZurichSans-Bold,Arial,sans-serif;font-size:28px;margin-bottom:16px}@media(min-width:768px)and (max-width:991px){.interactive-globe-card-overline{font-size:24px}}@media(max-width:767px){.interactive-globe-card-overline{font-size:18px;margin:0}.interactive-globe-card-headline{font-size:24px;margin-bottom:16px;margin-top:0}}.interactive-globe-card-image{border-radius:50%;float:left;height:150px;margin-bottom:8px;margin-right:24px;margin-top:8px;overflow:hidden;width:150px}@media(max-width:767px){.interactive-globe-card-image{height:75px;left:calc(50% - 38px);margin:0;position:absolute;top:0;width:75px}}.interactive-globe-card-image img{height:100%;object-fit:cover;width:100%}.interactive-globe-card-body{font-size:16px}@media(max-width:767px){ /*.interactive-globe-card-body{display:none}*/}.interactive-globe-indicator{text-align:center}.interactive-globe-indicator span{background-color:#a6adaf;border-radius:50%;display:inline-block;height:8px;margin:0 4px;width:8px}.interactive-globe-indicator span.active{background-color:#2167ae}.interactive-globe-overlay{background-color:#fff;height:100vh;left:0;padding:48px 15px 0;position:fixed;top:0;width:100vw;z-index:1010}.interactive-globe-overlay:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0;content:"";display:block;height:100px;left:0;pointer-events:none;position:fixed;width:100vw;z-index:1011}.interactive-globe-overlay-close{position:absolute;right:0;top:0;z-index:1012}.interactive-globe-overlay-scroller{height:100%;overflow:auto;padding-bottom:64px;width:100%}.interactive-globe-overlay .interactive-globe-card{padding-top:280px}.interactive-globe-overlay .interactive-globe-card-image{height:255px;left:calc(50% - 128px);top:0;width:255px}.interactive-globe-overlay .interactive-globe-card-body{display:block;text-align:left}



.btn {
  align-items: center;
  background: none;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 28px;
  color: #2167ae;
  display: inline-flex;
  flex-direction: row-reverse;
  font-family: ZurichSans-Regular,Arial,sans-serif;
  font-size: 18px;
  height: 56px;
  justify-content: center;
  letter-spacing: .2px;
  line-height: 1;
  padding: 0 24px;
  position: relative;
  text-align: left;
  transition: all .25s;
  white-space: nowrap;
}
.btn, .btn:active, .btn:focus, .btn:hover {
  text-decoration: none;
}
.btn--icon-shape {
  background-color: #2167ae;
  color: #fff;
  padding: 0;
  text-align: center;
  width: 56px;
}

@font-face{
	font-display:swap;
	font-family:ZurichSans-Regular;
	font-style:normal;font-weight:400;
	src:url(../fonts/ZurichSans/ZurichSans-Regular_woff2.woff2) format("woff2"),
	url(../fonts/ZurichSans/ZurichSans-Regular_woff.woff) format("woff"),
	url(../fonts/ZurichSans/ZurichSans-Regular_ttf.ttf) format("truetype")
}
@font-face{
	font-display:swap;
	font-family:ZurichSans-Bold;
	font-style:normal;font-weight:400;
	src:url(../fonts/ZurichSans/ZurichSans-Bold_woff2.woff2) format("woff2"),
	url(../fonts/ZurichSans/ZurichSans-Bold_woff.woff) format("woff"),
	url(../fonts/ZurichSans/ZurichSans-Bold_ttf.ttf) format("truetype")
}
@font-face{
	font-display:swap;
	font-family:ZurichSans-Light;
	font-style:normal;
	font-weight:400;
	src:url(../fonts/ZurichSans/ZurichSans-Light_woff2.woff2) format("woff2"),
	url(../fonts/ZurichSans/ZurichSans-Light_woff.woff) format("woff"),
	url(../fonts/ZurichSans/ZurichSans-Light_ttf.ttf) format("truetype")
}
@font-face{
	font-display:swap;
	font-family:ZurichSans-Light;
	font-style:normal;
	font-weight:400;
	src:url(../fonts/ZurichSans/ZurichSans-Light_woff2.woff2) format("woff2"),
	url(../fonts/ZurichSans/ZurichSans-Light_woff.woff) format("woff"),
	url(../fonts/ZurichSans/ZurichSans-Light_ttf.ttf) format("truetype")
}
@font-face{
	font-display:swap;
	font-family:ZurichSans-SemiBold;
	font-style:normal;
	font-weight:400;
	src:url(../fonts/ZurichSans/ZurichSans-SemiBold_woff2.woff2) format("woff2"),
	url(../fonts/ZurichSans/ZurichSans-SemiBold_woff.woff) format("woff"),
	url(../fonts/ZurichSans/ZurichSans-SemiBold_ttf.ttf) format("truetype")
}
.icon {
  display: inline-block;
  font-size: 22px;
  height: 22px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  width: 22px;
}
.icon::before {
  speak: none;
  font-family: zurich-icons;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
}

a.icon::before, button.icon::before {
  left: 0;
  position: absolute;
  top: 0;
}

a.icon, button.icon {
  color: #23366f;
  font-family: ZurichSans-Regular,Arial,sans-serif;
  font-size: 18px;
  height: auto;
  padding-left: 25px;
  position: relative;
  text-align: inherit;
  text-decoration: none;
  width: auto;
}
a:hover {
  color: #2167ae;
  text-decoration: none;
}
a.icon:hover, button.icon:hover {
  text-decoration: none;
}
.interactive-globe-card-headline{
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 20px;
  color: #23366f;
  font-family: ZurichSans-Light,Arial,sans-serif;
  font-weight: 400;
  letter-spacing: normal;
}
.disclaimer {
  color: #23366f;
  font-family: ZurichSans-Light,Arial,sans-serif;
  font-size: 12px;
  line-height: 1.5;
}
.disclaimer strong {
  font-weight: 400;
  font-family: ZurichSans-SemiBold,Arial,sans-serif;
}
.interactive-globe-wrapper{
	color: #23366f;
	font-family: ZurichSans-Light,Arial,sans-serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .2px;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
}
.interactive-globe-headline{
	color: #23366f;
	font-family: ZurichSans-Light,Arial,sans-serif;
	font-weight: 400;
	letter-spacing: normal;
	margin-bottom: 32px;
	font-size: 44px;
	line-height: 1.2;
}
.interactive-globe-card-body{
	color: #23366f;
	font-family: ZurichSans-Light,Arial,sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .2px;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
}
.interactive-globe-card-body h4{
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 20px;
  color: #23366f;
  font-family: ZurichSans-Light,Arial,sans-serif;
  font-weight: 400;
  letter-spacing: normal;
}
#globeViz{
	width:477px; 
	height:477px;
}