/*
	Website Fondation Chance 13

	Author: Damian Heini, VIZUAL <dh@vizual.ch>

	The main styles that brings it all together.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin-block-end: 0;
}
ul[role='list'],
ol[role='list'] {
  list-style: none;
}
body {
  margin: 0;
  min-height: 100vh;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}
h1,
h2,
h3,
h4 {
  margin-top: 0;
  text-wrap: balance;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}
img,
picture {
  max-width: 100%;
  display: block;
  border-style: none;
}
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}
textarea:not([rows]) {
  min-height: 10em;
}
:target {
  scroll-margin-block: 5ex;
}
a {
  background-color: transparent;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
figure {
  margin: 0;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button,
input {
/* 1 */
  overflow: visible;
}
button,
select {
/* 1 */
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
html {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 300;
  font-variation-settings: "wdth" 100, "YTLC" 500;
  letter-spacing: 0.5px;
  font-size: 16px;
  line-height: 2em;
  background-color: #fff;
  height: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
html body {
  height: 100%;
  background-color: transparent !important;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  line-height: 1.36em;
  text-wrap: auto;
  color: #284628;
}
* {
  box-sizing: border-box;
}
h1 {
  font-family: "Nunito Sans", sans-serif;
  margin: -0.4em 0 0.5em 0;
  font-optical-sizing: auto;
  font-size: clamp(2rem, 6vw, 3rem);
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: 1px;
  color: #6b856e;
  text-wrap: inherit;
}
h2 {
  font-family: "Nunito Sans", sans-serif;
  margin: -0.4em 0 0.5em 0;
  font-optical-sizing: auto;
  font-size: clamp(2rem, 6vw, 3rem);
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: 1px;
  color: #6b856e;
  text-wrap: inherit;
  font-size: clamp(1.625rem, 6vw, 2.25rem);
}
h3 {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: 1px;
  margin-bottom: 0.25em;
  text-wrap: inherit;
}
h4 {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: 1px;
  margin-bottom: 0.25em;
  text-wrap: inherit;
}
a,
a:not([class]) {
  color: #284628;
  text-decoration: underline;
  text-decoration-color: #284628;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  transition: text-decoration-color 0.3s ease, color 0.3s ease;
}
a:hover,
a:not([class]):hover {
  color: #6b856e;
  text-decoration-color: #6b856e;
}
a.viz-link-button {
  display: inline-block;
  position: relative;
  padding: 0.4em 0.8em;
  text-decoration: none;
  line-height: 1;
  text-align: center;
  color: #fff;
  border-radius: 1em;
  background: #6b856e;
  transition: transform 300ms ease;
}
@media (max-width: 440px) {
  a.viz-link-button {
    display: block;
    width: 100%;
  }
}
b,
strong {
  font-weight: 700;
}
p {
  margin: 0 0 1em 0;
}
p:last-child {
  margin-bottom: 0;
}
p.viz-lead-text {
  font-weight: 700;
}
img,
svg {
  display: block;
  width: 100%;
  height: auto;
  border-image-width: 0;
}
.lazyload,
.lazyloading {
  opacity: 0;
  transition: opacity 400ms ease-in;
}
.lazyloaded {
  opacity: 1;
  transition: opacity 400ms ease-in;
}
#viz-wrap-all {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 100vw;
  min-height: 100vh;
}
#viz-header-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 11.25rem;
  z-index: 1000;
  background-color: #fdf8f2;
  transition: height 500ms ease;
  box-shadow: 0 2px 8px 4px rgba(0,0,0,0.2);
}
#viz-header-container #viz-header-inner-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 81rem;
  margin: 0 auto;
  padding: 1.5rem 3rem;
}
@media (max-width: 600px) {
  #viz-header-container {
    height: 8.75rem;
  }
  #viz-header-container #viz-header-inner-content {
    padding: 1.5rem 1.25rem;
  }
}
#viz-header-logo svg {
  width: auto;
  height: 6.875rem;
  transition: height 300ms ease;
}
#viz-header-logo.viz-logo-no-claim svg {
  height: 5.5rem;
}
#viz-header-logo span {
  display: block;
}
#viz-header-logo .viz-main-logo-text {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
@media (max-width: 600px) {
  #viz-header-logo svg {
    height: 5rem;
  }
}
#viz-main-content-wrap-all {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-top: 0;
}
#viz-lead-area-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 26vw;
  margin-top: 11.25rem;
}
#viz-lead-area-container ~ main#viz-main-content-container {
  margin-top: calc(11.25rem + 26vw);
}
main#viz-main-content-container {
  position: relative;
  flex-grow: 1;
  width: 100%;
  margin-top: 11.25rem;
  background-color: #fff;
  z-index: 950;
}
main#viz-main-content-container #viz-main-content-wrapper {
  display: flex;
  column-gap: 4rem;
  max-width: 81rem;
  margin: 0 auto;
  padding: 2.125rem 3rem 0 3rem;
}
main#viz-main-content-container #viz-main-content-area-main {
  flex: 1 0 calc(66% - 2rem);
}
main#viz-main-content-container #viz-main-content-area-information {
  flex: 1 0 calc(34% - 2rem);
}
@media (min-width: 1000px) {
  #viz-wrap-all.viz-layout-landing-page main#viz-main-content-container #viz-main-content-area-main {
    flex: 1 0 calc(80% - 2rem);
  }
  #viz-wrap-all.viz-layout-landing-page main#viz-main-content-container #viz-main-content-area-information {
    flex: 1 1 calc(20% - 2rem);
  }
}
@media (max-width: 1000px) {
  main#viz-main-content-container #viz-main-content-wrapper {
    flex-wrap: wrap;
  }
  main#viz-main-content-container #viz-main-content-wrapper #viz-main-content-area-main {
    flex: 1 0 100%;
  }
  main#viz-main-content-container #viz-main-content-wrapper #viz-main-content-area-information {
    flex: 1 0 100%;
  }
}
@media (max-width: 600px) {
  #viz-lead-area-container ~ main#viz-main-content-container {
    margin-top: calc(8.75rem + 50vw);
  }
  #viz-header-logo.viz-logo-no-claim svg {
    height: 4.5rem;
  }
  #viz-lead-area-container {
    margin-top: 8.75rem;
    height: 50vw;
  }
  main#viz-main-content-container {
    margin-top: 8.75rem;
  }
  main#viz-main-content-container #viz-main-content-wrapper {
    padding: 1.5rem 1.25rem 0 1.25rem;
  }
  #viz-header-container.viz-header-reduced-height {
    height: 5rem;
  }
  #viz-header-container.viz-header-reduced-height #viz-header-logo.viz-logo-no-claim svg {
    height: 3.5rem;
  }
}
#viz-main-content-area-buttons {
  position: fixed;
  bottom: 1.25rem;
  right: 0;
  z-index: 1001;
}
.viz-mainnavi-visible #viz-main-content-area-buttons {
  z-index: 999;
}
@media (max-width: 600px) {
  #viz-wrap-all:not(.viz-layout-landing-page) #viz-main-content-area-buttons {
    top: 7.75rem;
    bottom: auto;
    transform: translateY(-100%);
  }
}
#viz-wrap-all.viz-layout-landing-page .viz-content-el-container {
  max-width: 58rem;
}
.viz-content-el-container {
  max-width: 48.75rem;
  margin: 0 0 3rem 0;
  padding-bottom: 3rem;
  border-bottom: 1px solid #284628;
}
.viz-content-el-container:first-child h1 {
  margin-top: 0;
}
.viz-content-el-container:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 6rem;
}
.viz-content-el-container.space-after-small,
.viz-content-el-container.space-after-extra-small {
  padding-bottom: 0;
  margin-bottom: 1em;
  border: none;
}
.viz-content-el-container.space-after-small:after,
.viz-content-el-container.space-after-extra-small:after {
  display: none;
}
.viz-content-el-container.space-after-extra-small {
  margin-bottom: 0;
}
.viz-content-el-container.no-bottom-border {
  border-bottom: none;
  padding-bottom: 0;
}
.viz-content-el-container .viz-content-el-container {
  max-width: 100%;
  margin: 0 0 4.5rem 0;
  padding: 0 0;
}
#viz-footer-container {
  position: relative;
  width: 100vw;
  margin-top: 1rem;
  background-color: #fdf8f2;
  color: #000;
  font-size: clamp(1.2rem, 3vw, 1.4375rem);
}
#viz-footer-container h1,
#viz-footer-container h2,
#viz-footer-container h3 {
  font-size: inherit;
  color: inherit;
}
#viz-footer-container #viz-footer-content-wrapper {
  max-width: 81rem;
  margin: 0 auto;
  padding: 2rem 3rem 6rem 3rem;
}
#viz-footer-container #viz-footer-content-wrapper #viz-footer-content .viz-footer-columns-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2em;
}
#viz-footer-container #viz-footer-content-wrapper #viz-footer-content .viz-footer-columns-container > div {
  flex: 0 0 calc(33% - 2rem);
}
#viz-footer-container .viz-content-el-container {
  margin-bottom: 1em;
  padding-bottom: 0;
  border: none;
}
@media (max-width: 1000px) {
  #viz-footer-container #viz-footer-content-wrapper #viz-footer-content .viz-footer-columns-container {
    column-gap: 2em;
  }
  #viz-footer-container #viz-footer-content-wrapper #viz-footer-content .viz-footer-columns-container > div {
    flex: 0 0 calc(50% - 2rem);
  }
}
@media (max-width: 600px) {
  #viz-footer-container #viz-footer-content-wrapper {
    padding: 2rem 1.25rem 6rem 1.25rem;
  }
  #viz-footer-container #viz-footer-content-wrapper #viz-footer-content .viz-footer-columns-container {
    column-gap: 2em;
  }
  #viz-footer-container #viz-footer-content-wrapper #viz-footer-content .viz-footer-columns-container > div {
    flex: 1 0 100%;
  }
}
#viz-mainnavi-button-container {
  display: none;
  position: fixed;
  right: 1.25rem;
  top: 1.25rem;
  z-index: 1012;
  width: 3rem;
  cursor: pointer;
  transition: top 0.3s ease;
  background-color: transparent;
  border-radius: 50%;
}
#viz-mainnavi-button-container.viz-button-move-up {
  transition: none;
}
#viz-mainnavi-button-container svg {
  transition: transform 0.3s ease-in-out;
}
#viz-mainnavi-button-container svg path {
  transition: all 0.3s ease-in-out;
  transform-origin: center;
  stroke: #284628 !important;
}
#viz-mainnavi-button-container svg path:nth-child(1) {
  transition: all 0.3s ease-in-out;
}
#viz-mainnavi-button-container svg path:nth-child(2) {
  transition: all 0.3s ease-in-out;
}
#viz-mainnavi-button-container svg path:nth-child(3) {
  transition: all 0.3s ease-in-out;
}
#viz-mainnavi-button-container.viz-hamburger-animating svg path:nth-child(1) {
  transform: translateY(13.48px);
}
#viz-mainnavi-button-container.viz-hamburger-animating svg path:nth-child(2) {
  opacity: 1;
}
#viz-mainnavi-button-container.viz-hamburger-animating svg path:nth-child(3) {
  transform: translateY(-13.48px);
}
#viz-mainnavi-button-container.viz-hamburger-cross svg path:nth-child(1) {
  transform: translateY(9px) translateX(-8px) rotate(45deg) scale(1.2, 1);
}
#viz-mainnavi-button-container.viz-hamburger-cross svg path:nth-child(2) {
  opacity: 0;
  transform: scale(0);
}
#viz-mainnavi-button-container.viz-hamburger-cross svg path:nth-child(3) {
  transform: translateY(-11.48px) translateX(-8px) rotate(-45deg) scale(1.2, 1);
}
#viz-header-navigation-area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  padding-top: 1.1rem;
  margin-top: 0;
  transition: margin-top 400ms ease;
}
#viz-header-navigation-area #viz-meta-navigation-wrapper {
  display: flex;
  justify-content: flex-end;
}
#viz-main-navigation-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.viz-main-navigation-structure,
ul.viz-meta-navigation-structure {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 0.75em;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.viz-main-navigation-structure > li,
ul.viz-meta-navigation-structure > li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 300;
  font-variation-settings: "wdth" 100, "YTLC" 500;
  letter-spacing: 0.5px;
  font-size: 1.5rem;
  line-height: 1.4em;
  letter-spacing: 1px;
}
ul.viz-main-navigation-structure > li.active a,
ul.viz-meta-navigation-structure > li.active a,
ul.viz-main-navigation-structure > li.current a,
ul.viz-meta-navigation-structure > li.current a {
  background-size: 100% 1px;
  background-position-x: left;
}
ul.viz-main-navigation-structure > li.active a.viz-main-navi-link-highlight,
ul.viz-meta-navigation-structure > li.active a.viz-main-navi-link-highlight,
ul.viz-main-navigation-structure > li.current a.viz-main-navi-link-highlight,
ul.viz-meta-navigation-structure > li.current a.viz-main-navi-link-highlight {
  background-size: 0;
  background-color: #284628;
}
ul.viz-main-navigation-structure > li a,
ul.viz-meta-navigation-structure > li a {
  position: relative;
  vertical-align: bottom;
  overflow: visible;
  display: inline-block;
  color: #284628;
  text-decoration: none;
  background: linear-gradient(0deg, #284628, #6b856e) no-repeat right 92%/0 1px;
  background-position-y: bottom;
  background-size: 0 1px;
  background-position-x: left;
  transition: background-size 350ms, color 500ms ease;
}
ul.viz-main-navigation-structure > li a:hover,
ul.viz-meta-navigation-structure > li a:hover {
  background-size: 100% 1px;
  background-position-x: left;
}
ul.viz-main-navigation-structure > li a.viz-main-navi-link-highlight,
ul.viz-meta-navigation-structure > li a.viz-main-navi-link-highlight {
  background-color: #ed8a8c;
  color: #fff;
  font-weight: 700;
  letter-spacing: normal;
  border-radius: 0.75em;
  padding: 0.125em 0.75em;
  transition: background-color 0.4s ease;
}
ul.viz-main-navigation-structure > li a.viz-main-navi-link-highlight:hover,
ul.viz-meta-navigation-structure > li a.viz-main-navi-link-highlight:hover {
  background-size: 0;
  background-color: #284628;
}
ul.viz-main-navigation-structure > li.level-1,
ul.viz-meta-navigation-structure > li.level-1 {
  position: relative;
}
ul.viz-meta-navigation-structure {
  column-gap: 0.75em;
}
ul.viz-meta-navigation-structure > li {
  font-size: 1.25rem;
}
ul.viz-language-navi {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 0.75em;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 300;
  font-variation-settings: "wdth" 100, "YTLC" 500;
  letter-spacing: 0.5px;
  font-size: 1.5rem;
  line-height: 1.4em;
  letter-spacing: 1px;
  font-size: 1.25rem;
}
ul.viz-language-navi li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.viz-language-navi li.active a,
ul.viz-language-navi li.current a {
  background-size: 100% 1px;
  background-position-x: left;
}
ul.viz-language-navi li a {
  position: relative;
  vertical-align: bottom;
  overflow: visible;
  display: inline-block;
  color: #284628;
  text-decoration: none;
  background: linear-gradient(0deg, #284628, #6b856e) no-repeat right 92%/0 1px;
  background-position-y: bottom;
  background-size: 0 1px;
  background-position-x: left;
  transition: background-size 350ms, color 500ms ease;
}
ul.viz-language-navi li a:hover {
  background-size: 100% 1px;
  background-position-x: left;
}
ul.viz-navigation-list,
ul.viz-menu-pages,
ul.viz-menu-subpages {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.viz-navigation-list li,
ul.viz-menu-pages li,
ul.viz-menu-subpages li {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1000px) {
  #viz-wrap-all:not(.viz-layout-landing-page) #viz-mainnavi-button-container {
    display: block;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) #viz-header-navigation-area {
    position: fixed;
    justify-content: flex-start;
    align-items: flex-start;
    left: 0;
    right: 0;
    top: -105vh !important;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    padding: 4rem 3rem 4rem 3rem;
    overflow-y: scroll;
    background-color: #fff;
    z-index: 1010;
    transition: top 0.4s ease-in-out, opacity 0.4s ease-in-out;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) #viz-header-navigation-area #viz-main-navigation-container {
    order: 1;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) #viz-header-navigation-area #viz-meta-navigation-wrapper {
    order: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) .viz-mainnavi-visible #viz-header-navigation-area {
    top: 0 !important;
    opacity: 1;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) #viz-main-navigation-container {
    top: 0 !important;
    margin: 0;
    opacity: 1;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) #viz-main-navigation-container {
    display: block;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-main-navigation-structure,
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-meta-navigation-structure,
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-language-navi {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 0.5em;
    margin-bottom: 2em;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-main-navigation-structure > li,
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-meta-navigation-structure > li,
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-language-navi > li {
    flex: 1 0 100%;
    font-size: clamp(2rem, 5vw, 2.5rem);
    order: 2;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-main-navigation-structure > li.viz-main-navi-link-highlight,
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-meta-navigation-structure > li.viz-main-navi-link-highlight,
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-language-navi > li.viz-main-navi-link-highlight {
    order: 1;
    margin-bottom: 1em;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-main-navigation-structure > li a,
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-meta-navigation-structure > li a,
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-language-navi > li a {
    color: #284628;
    background-position-y: 90%;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-language-navi {
    column-gap: 3rem;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) ul.viz-language-navi li a {
    line-height: 1.4em;
  }
  .viz-mainnavi-visible #viz-wrap-all:not(.viz-layout-landing-page) #viz-header-navigation-area {
    top: 0 !important;
    opacity: 1;
  }
}
@media (max-width: 600px) {
  #viz-wrap-all:not(.viz-layout-landing-page) #viz-header-navigation-area {
    padding: 4rem 1.25rem 4rem 1.25rem;
  }
  #viz-wrap-all.viz-layout-landing-page #viz-header-container.viz-header-reduced-height #viz-header-navigation-area {
    margin-top: -0.6rem;
    padding-top: 0;
  }
  #viz-wrap-all.viz-layout-landing-page #viz-header-container #viz-header-navigation-area {
    padding-top: 0.5rem;
  }
}
.viz-quote-list-container ul.viz-quote-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.viz-quote-list-container ul.viz-quote-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.viz-quote-list-container ul.viz-quote-list li.is-active {
  opacity: 1;
}
.viz-quote-container .viz-quote-text {
  font-family: "Lora", serif;
  font-size: clamp(1.625rem, 3.8vw, 2.25rem);
  line-height: 1.36em;
  letter-spacing: 1px;
}
.viz-quote-container .viz-quote-citer-name {
  margin-top: 0.25em;
}
.is-slider-enabled {
  display: grid;
}
.is-slider-enabled > * {
  grid-area: 1/1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 800ms ease, visibility 0s linear 800ms;
}
.is-slider-enabled > *.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity 800ms ease, visibility 0s linear 0s;
}
.viz-slider-indicators {
  display: flex;
  justify-content: flex-start;
  gap: 0.8em;
  margin-top: 2rem;
}
.viz-slider-indicator {
  width: 1em;
  height: 1em;
  padding: 0;
  appearance: none;
  border: 2px solid #6b856e;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 300ms ease;
}
.viz-slider-indicator:hover {
  background-color: #6b856e;
}
.viz-slider-indicator.is-active {
  background-color: #6b856e;
}
ul.viz-video-popups,
ul.viz-audio-video-popups {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.viz-video-popups.viz-single-video,
ul.viz-audio-video-popups.viz-single-video {
  margin: 0;
  width: 100%;
  max-width: 600px;
}
ul.viz-video-popups.viz-single-video li.viz-video-link-container,
ul.viz-audio-video-popups.viz-single-video li.viz-video-link-container {
  flex: 1 0 100%;
}
ul.viz-video-popups li.viz-video-link-container,
ul.viz-audio-video-popups li.viz-video-link-container {
  flex: 0 0 calc(50% - 1.5rem);
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.viz-video-popups li.viz-video-link-container a.popup-video-link,
ul.viz-audio-video-popups li.viz-video-link-container a.popup-video-link {
  display: block;
  text-align: center;
  border-bottom: none;
  background: none;
}
ul.viz-video-popups li.viz-video-link-container a.popup-video-link:before,
ul.viz-audio-video-popups li.viz-video-link-container a.popup-video-link:before {
  display: none;
}
ul.viz-video-popups li.viz-video-link-container a.popup-video-link:last-child,
ul.viz-audio-video-popups li.viz-video-link-container a.popup-video-link:last-child {
  margin-bottom: 0;
}
ul.viz-video-popups li.viz-video-link-container a.popup-video-link:hover,
ul.viz-audio-video-popups li.viz-video-link-container a.popup-video-link:hover,
ul.viz-video-popups li.viz-video-link-container a.popup-video-link:active,
ul.viz-audio-video-popups li.viz-video-link-container a.popup-video-link:active,
ul.viz-video-popups li.viz-video-link-container a.popup-video-link:focus,
ul.viz-audio-video-popups li.viz-video-link-container a.popup-video-link:focus {
  outline: none;
  border-bottom: none;
}
ul.viz-video-popups li.viz-video-link-container .viz-video-previewimage,
ul.viz-audio-video-popups li.viz-video-link-container .viz-video-previewimage {
  position: relative;
}
ul.viz-video-popups.viz-video-description-active .viz-video-description,
ul.viz-audio-video-popups.viz-video-description-active .viz-video-description {
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.125em;
}
ul.viz-video-popups.viz-video-description-active .viz-video-description p,
ul.viz-audio-video-popups.viz-video-description-active .viz-video-description p {
  line-height: inherit;
  font-size: inherit;
}
ul.viz-video-popups .viz-audio-track-container,
ul.viz-audio-video-popups .viz-audio-track-container {
  flex: 0 0 calc(50% - 1.5rem);
}
ul.viz-video-popups .viz-audio-track-container .viz-audio-track-label,
ul.viz-audio-video-popups .viz-audio-track-container .viz-audio-track-label {
  font-size: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-popup-play-indicator {
  display: block;
  position: absolute;
  width: 5rem;
  height: 5rem;
  background-color: rgba(255,255,255,0.5);
  bottom: 10%;
  right: 2rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  background-image: url("../Images/playerIndicator.svg");
}
.video-popup-play-indicator.anim {
  background: none;
  background-color: rgba(255,255,255,0.5);
  opacity: 0;
}
a.popup-video-link:hover .video-popup-play-indicator.anim {
  animation: puls 0.8s 0s infinite alternate ease-in-out;
}
@-moz-keyframes puls {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes puls {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes puls {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes puls {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 1000px) {
  ul.viz-audio-video-popups.viz-single-video {
    max-width: 440px;
  }
  ul.viz-audio-video-popups.viz-single-video li.viz-video-link-container {
    flex: 1 0 100%;
  }
  .video-popup-play-indicator {
    width: 7vw;
    min-width: 3.5rem;
    height: 7vw;
    min-height: 3.5rem;
  }
}
.viz-lightbox-container {
  position: fixed;
  z-index: 1030;
  left: -100vw;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 3rem;
  background-color: rgba(0,0,0,0.8);
  opacity: 0;
  transition: opacity 500ms ease-in-out, left 10ms ease-in-out 500ms;
}
.viz-lightbox-container.viz-lightbox-visible {
  left: 0;
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}
.viz-lightbox-container .viz-lightbox-content {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}
.viz-lightbox-container .viz-lightbox-content .viz-lightbox-video-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 95%;
  max-width: 1920px;
  margin: 0 auto;
  text-align: left;
}
.viz-lightbox-container .viz-lightbox-content .viz-lightbox-video-content .viz-lightbox-video-wrapper {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.viz-lightbox-container .viz-lightbox-content .viz-lightbox-video-content .viz-lightbox-video-wrapper video,
.viz-lightbox-container .viz-lightbox-content .viz-lightbox-video-content .viz-lightbox-video-wrapper iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0,0,0,0.6);
  background: #000;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.viz-lightbox-container .viz-close-button {
  float: right;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  transition: transform 0.3s ease;
}
.viz-lightbox-container .viz-close-button:hover {
  transform: scale(1.2);
}
@media (max-width: 800px) {
  .viz-lightbox-container {
    padding: 1.25rem;
  }
  .viz-lightbox-container .viz-lightbox-content .viz-lightbox-video-content {
    width: 100%;
  }
}
.viz-super-button-container {
  display: inline-block;
  padding: 0.4em 2em 0.4em 0.4em;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  line-height: 1.125em;
  background-color: #ed8a8c;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
}
.viz-super-button-container a {
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  line-height: inherit;
}
.viz-super-button-container .viz-super-button-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 0.75em;
  letter-spacing: 1px;
}
.viz-super-button-container .viz-super-button-content.narrow-view {
  display: none;
}
.viz-super-button-container .viz-super-button-content svg {
  width: auto;
  height: 2em;
  margin-left: 0.11em;
}
@media (max-width: 600px) {
  #viz-wrap-all:not(.viz-layout-landing-page) .viz-super-button-container {
    margin-right: 1.25rem;
    padding: 0.4em 0.8em;
    border-top-right-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) .viz-super-button-container .viz-super-button-content.wide-view {
    display: none;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) .viz-super-button-container .viz-super-button-content.narrow-view {
    display: block;
  }
  #viz-wrap-all:not(.viz-layout-landing-page) .viz-super-button-container .viz-super-button-content svg {
    width: auto;
    height: 2em;
  }
}
.viz-image-and-text-content.viz-positioning-img-pos-top .viz-image-and-text-image {
  margin-bottom: 1em;
}
.viz-image-and-text-content.viz-positioning-img-pos-bottom .viz-image-and-text-image {
  margin-top: 1em;
}
.viz-logo-list-container ul.viz-logo-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 1.5rem;
  list-style: none;
  margin: 1.5em 0;
  padding: 0;
}
.viz-logo-list-container ul.viz-logo-list.viz-img-hor-pos-left {
  justify-content: flex-start;
}
.viz-logo-list-container ul.viz-logo-list.viz-img-hor-pos-center {
  justify-content: center;
}
.viz-logo-list-container ul.viz-logo-list li {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.viz-logo-list-container ul.viz-logo-list li .viz-logo-list-logo {
  max-height: 20rem;
}
.viz-logo-list-container ul.viz-logo-list li .viz-logo-list-logo img {
  height: inherit;
  max-height: inherit;
  width: auto;
}
.viz-lead-image-container {
  position: relative;
  width: 100%;
  height: inherit;
  min-height: inherit;
  max-height: inherit;
}
.viz-lead-image-container .viz-lead-background-images-container {
  width: 100%;
  height: 100%;
  max-height: inherit;
  min-height: inherit;
}
.viz-lead-image-container .viz-lead-background-image-wrapper {
  width: 100%;
  height: 100%;
  max-height: inherit;
  min-height: inherit;
}
.viz-lead-image-container .viz-lead-background-image {
  width: 100%;
  height: 100%;
  max-height: inherit;
  min-height: inherit;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 1000ms ease-in-out;
}
.viz-lead-image-container .viz-lead-background-image.viz-image-pos-center {
  background-position: center;
}
.viz-lead-image-container .viz-lead-background-image.viz-image-pos-top {
  background-position: center 20%;
}
.viz-lead-image-container .viz-lead-background-image.viz-image-pos-bottom {
  background-position: center 80%;
}
.viz-lead-image-container .viz-lead-image-overlay {
  position: absolute;
  height: 104%;
  top: calc((100% - 104%) / 2);
  left: 55%;
  transform: translateX(-50%);
}
.viz-lead-image-container .viz-lead-image-overlay svg {
  height: 100%;
  width: auto;
  margin-top: 0.125em;
}
@media (max-width: 600px) {
  .viz-lead-image-container .viz-lead-image-overlay {
    left: 57%;
  }
}
.viz-expandable-container:has(+ .viz-expandable-container) {
  margin-bottom: 0;
}
.viz-content-el-container.viz-expandable-container,
.viz-expandable-container {
  padding: 0;
  opacity: 1;
  width: 100%;
  transition: height 0.5s ease, padding 0.3s ease, opacity 0.5s ease;
  border-bottom: 1px solid #6b856e;
}
.viz-content-el-container.viz-expandable-container:first-child,
.viz-expandable-container:first-child {
  border-top: 1px solid #6b856e;
}
.viz-content-el-container.viz-expandable-container.viz-expandable-container-hidden,
.viz-expandable-container.viz-expandable-container-hidden {
  visibility: hidden;
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
}
.viz-content-el-container.viz-expandable-container .viz-expandable-container-title,
.viz-expandable-container .viz-expandable-container-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  min-height: 1em;
  margin: 0;
  padding: 1.5rem 0 1rem 0;
  cursor: pointer;
}
.viz-content-el-container.viz-expandable-container .viz-expandable-container-title .viz-expandable-container-icon,
.viz-expandable-container .viz-expandable-container-title .viz-expandable-container-icon {
  display: block;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  background-image: url("../Images/expandable_arrow_down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
}
.viz-content-el-container.viz-expandable-container.open .viz-expandable-container-title .viz-expandable-container-icon,
.viz-expandable-container.open .viz-expandable-container-title .viz-expandable-container-icon,
.viz-content-el-container.viz-expandable-container.always-open .viz-expandable-container-title .viz-expandable-container-icon,
.viz-expandable-container.always-open .viz-expandable-container-title .viz-expandable-container-icon {
  transform: rotate(180deg);
}
.viz-content-el-container.viz-expandable-container.always-open .viz-expandable-container-title,
.viz-expandable-container.always-open .viz-expandable-container-title {
  cursor: auto;
}
.viz-content-el-container.viz-expandable-container.always-open .viz-expandable-container-content-wrapper,
.viz-expandable-container.always-open .viz-expandable-container-content-wrapper {
  max-height: none;
}
.viz-content-el-container.viz-expandable-container .viz-expandable-container-content-wrapper,
.viz-expandable-container .viz-expandable-container-content-wrapper {
  position: relative;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.viz-content-el-container.viz-expandable-container .viz-expandable-container-content-wrapper .viz-expandable-container-content,
.viz-expandable-container .viz-expandable-container-content-wrapper .viz-expandable-container-content {
  padding-bottom: 2.25rem;
}
.viz-content-el-container.viz-expandable-container .viz-expandable-container-content-wrapper .viz-content-el-container,
.viz-expandable-container .viz-expandable-container-content-wrapper .viz-content-el-container {
  padding: 0;
  margin: 0 0 2rem 0;
  border-bottom: 0;
}
.viz-content-el-container.viz-expandable-container .viz-expandable-container-content-wrapper .viz-content-el-container:last-child,
.viz-expandable-container .viz-expandable-container-content-wrapper .viz-content-el-container:last-child {
  margin-bottom: 0;
}
form.viz-form-layout,
.viz-form-layout {
  position: relative;
  margin: 0 auto;
  margin-bottom: 3rem;
  padding: 0.75rem;
  background-color: #ed8a8c;
  color: $themeMainColor-5;
}
form.viz-form-layout a,
.viz-form-layout a,
form.viz-form-layout input,
.viz-form-layout input,
form.viz-form-layout textarea,
.viz-form-layout textarea {
  color: inherit !important;
}
form.viz-form-layout a,
.viz-form-layout a {
  text-decoration-color: $themeMainColor-6 !important;
}
form.viz-form-layout a:hover,
.viz-form-layout a:hover {
  text-decoration-color: #284628 !important;
}
form.viz-form-layout h2,
.viz-form-layout h2 {
  display: none;
}
form.viz-form-layout .form-element-gridrow,
.viz-form-layout .form-element-gridrow {
  display: flex;
  column-gap: 3em;
}
form.viz-form-layout .form-element-gridrow > div:nth-child(1),
.viz-form-layout .form-element-gridrow > div:nth-child(1) {
  flex: 1 1 60%;
}
form.viz-form-layout .form-element-gridrow > div:nth-child(2),
.viz-form-layout .form-element-gridrow > div:nth-child(2) {
  flex: 1 1 40%;
}
form.viz-form-layout h2,
.viz-form-layout h2 {
  margin: 0 0 0.5rem 0;
  color: #fff;
}
form.viz-form-layout label:not(.form-check-label),
.viz-form-layout label:not(.form-check-label) {
  visibility: hidden;
  height: 1px;
  overflow: hidden;
}
form.viz-form-layout .actions,
.viz-form-layout .actions {
  margin-top: 1rem;
}
form.viz-form-layout .actions .form-navigation,
.viz-form-layout .actions .form-navigation {
  display: flex;
  justify-content: center;
  width: calc(60% - 3em);
}
form.viz-form-layout .form-element,
.viz-form-layout .form-element {
  margin-bottom: 0.25rem;
}
@media (max-width: $switchCompactNaviViewWidth) {
  form.viz-form-layout .form-element-gridrow,
  .viz-form-layout .form-element-gridrow {
    flex-wrap: wrap;
    row-gap: 2rem;
  }
  form.viz-form-layout .form-element-gridrow > div:nth-child(1),
  .viz-form-layout .form-element-gridrow > div:nth-child(1) {
    order: 2;
  }
  form.viz-form-layout .form-element-gridrow > div:nth-child(2),
  .viz-form-layout .form-element-gridrow > div:nth-child(2) {
    order: 1;
  }
  form.viz-form-layout .actions,
  .viz-form-layout .actions {
    margin-top: 1rem;
  }
  form.viz-form-layout .actions .form-navigation,
  .viz-form-layout .actions .form-navigation {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
form a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
form legend {
  display: block;
  margin-bottom: 1em;
  max-width: calc(100vw - 2.5rem);
  overflow: hidden;
  overflow-wrap: break-word;
}
form fieldset {
  margin: 1.5rem 0 0 0;
  padding: 0;
  border: none;
}
form fieldset:first-child {
  margin-top: 0;
}
form fieldset > div {
  margin-bottom: 2rem;
}
form input,
form input:focus,
form select {
  width: 100%;
  padding: 0.2em 0 0.3em 0;
  border: none;
  border-bottom: 1px solid #6b856e;
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: 0.9em;
  line-height: 1.4em;
  color: #284628;
  appearance: none;
}
form input:focus,
form input:focus:focus,
form select:focus {
  outline: none;
  border-bottom-color: #284628;
  border-bottom-width: 2px;
}
form button,
form input[type="submit"],
form input[type="reset"] {
  display: inline-block;
  position: relative;
  padding: 0.4em 0.8em;
  text-decoration: none;
  line-height: 1;
  text-align: center;
  color: #fff;
  border-radius: 1em;
  background: #6b856e;
  transition: transform 300ms ease;
  display: block;
  width: 100%;
  padding: 0.6em 0.8em;
  border: none;
  background: #ed8a8c;
  color: #fff;
  font-family: inherit;
  font-size: 0.9em;
  font-weight: 700;
  cursor: pointer;
  transition: background 300ms ease;
  margin-top: 1.5em;
}
form button:hover,
form input[type="submit"]:hover,
form input[type="reset"]:hover {
  background: #6b856e;
}
form select {
  padding-right: 1.5em;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%236b854e' stroke-width='1.5' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.2em center;
  background-size: 0.75em auto;
  cursor: pointer;
}
form select option {
  color: #284628;
}
form textarea {
  width: 100%;
  padding: 0.2em 0 0.3em 0;
  border: none;
  border-bottom: 1px solid #6b856e;
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: 0.9em;
  line-height: 1.4em;
  color: #284628;
  appearance: none;
  border-left: 1px solid #6b856e;
}
form textarea:focus {
  outline: none;
  border-bottom-color: #284628;
  border-bottom-width: 2px;
}
form textarea:not([rows]) {
  min-height: 5rem;
}
form label {
  display: block;
  margin: 0;
}
form :focus {
  outline: none;
}
form input[type=number]::-webkit-inner-spin-button,
form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form .form-check label {
  line-height: 1.75em;
}
form input[type=checkbox]:checked + .checkbox-checkmark:after,
form input[type=radio]:checked + .checkbox-checkmark:after {
  opacity: 1;
}
