div#CybotCookiebotDialog {
    
    --background-color: #fff;
    
    --color: var(--base-color-black);
    --link-color: var(--base-color-black)
    --headline-color: var(--base-color-black);
    
    --button-background-color: #e0137a;
    --button-hover-background-color: #e0137a;
    --button-border-radius: 0;
    --button-color: #fff;
    --button-hover-color: #fff;
    
    background: var(--background-color) !important;
    box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.2) !important;
    
    border-radius: 3px !important;
    top: auto !important;
    left: auto !important;
    right: var(--page-padding-right-s) !important;
    bottom: var(--page-padding-right-s) !important;
    transform: none !important;
    width: calc(100% - var(--page-padding-left-s) - var(--page-padding-right-s)) !important;
    max-width: 650px !important;
    max-height: calc(100% - var(--page-padding-left-s) - var(--page-padding-right-s)) !important;
    font-family: var(--base-font-1) !important;
    color: var(--color) !important;
    line-height: 1.125 !important;
    
    padding: 15px 20px 25px !important;
    box-sizing: border-box !important;
    
  }
  
  @media (max-width: 500px) {
    div#CybotCookiebotDialog {
      padding: 5px 10px 15px !important;
      right: 0 !important;
      bottom: 0 !important;
      border-radius: 0 !important;
      max-width: none !important;
      width: 100% !important;
    }
  }
  
  
  #CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay * {
    font-size: 14px !important;
  }
  
  #CybotCookiebotDialog div {
    font-family: var(--base-font-1) !important;
  }
  
  
  div#CybotCookiebotDialog * {
    color: var(--color) !important;
  }


  div#CybotCookiebotDialog #CybotCookiebotDialogHeader {
    display: none !important;
  }
  
  div#CybotCookiebotDialog #CybotCookiebotDialogPoweredByText {
    display: none !important;
  }
  
  #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink,
  #CybotCookiebotDialog h2,
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyEmptyCategoryMessage {
    font-weight: normal !important;
    font-family: var(--base-font-1) !important;
  }
  
  #CybotCookiebotDialog h2 {
    font-weight: normal !important;
    font-family: var(--base-font-1-bold) !important;
    font-size: 22px !important;
  }
  
  div#CybotCookiebotDialog * {
    letter-spacing: 0 !important;
  }
  
  #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
    border-color: transparent !important;
  }

  #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    color: var(--color) !important;
    border-color: var(--color) !important;
  }
  
  #CybotCookiebotDialog .CybotCookiebotScrollContainer {
    border-bottom: 0 !important;
  }
  
  #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a {
    font-weight: normal !important;
    font-family: var(--base-font-1) !important;
    color: var(--link-color) !important;
  }
  
  #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton, #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab {
    font-weight: normal !important;
    font-family: var(--base-font-1) !important;
  }
  
  #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-width: 3px !important;
  }
  
  #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton {
    border: 0 !important;
    background: var(--button-background-color) !important;
    color: var(--button-color) !important;
    font-family: var(--base-font-1-bold) !important;
    font-weight: normal !important;
    display: inline-block !important;
    width: auto !important;
    padding: 0.3em 0.8em 0.4em !important;
    border-radius: 25px !important;
  }
  
  #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:hover {
    background: var(--button-hover-background-color) !important;
    opacity: 1 !important;
  }
  
  #CybotCookiebotDialog .CybotCookiebotDialogHide {
    display: none !important;
  }
  
  #CybotCookiebotDialog .CybotCookiebotDialogShow {
    display: block !important;
  }
  
  #CybotCookiebotDialog #CybotCookiebotDialogTabContentDetails .CybotCookiebotFader.CybotCookiebotDialogActive {
    background-image: linear-gradient(to top, var(--background-color), var(--background-color), transparent) !important;
  }
  
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyEmptyCategoryMessage {
    padding: 0.5em 0.75em !important;
    border-radius: 0 !important;
  }










	.wysiwyg .CookieDeclarationType {
		font-size: inherit !important;
		overflow: auto;
		position: relative;
		padding: 1em !important;
		margin-left: -1em !important;
		margin-right: -1em !important;
		border: 1px solid rgba(0,0,0,0.2) !important;
	}

	.CookieDeclarationTable {
		width: 100% !important;
	}

	.CookieDeclarationTable thead {
		display: none;
	}

	.CookieDeclarationTable tbody tr {
		display: block;
		width: 100%;
		padding: 0.35em 0.75em;
		background: #fff;
		box-sizing: border-box;
		line-height: 1.2;
	}

	.CookieDeclarationTable tbody tr:not(:last-child) {
		margin-bottom: .5em;
	}

	.CookieDeclarationTable tbody td {
		display: block;
		width: 100%;
		padding-left: 6.25em !important;
		position: relative;
		border: 0 !important;
		box-sizing: border-box !important;
		max-width: none !important;
	}

	.CookieDeclarationTable tbody td::before {
		content: attr(data-label);
		display: inline-block;
		font-family: var(--base-font-1) !important;
		font-weight: 600;
		position: absolute;
		left: 0;
	}

	.CookieDeclarationTypeHeader {
		font-family: var(--base-font-1) !important;
		font-weight: 600 !important;
	}



	.cookieconsent-placeholder > div {
		background: #e3ebeb;
	  padding: 1.5em;
	}

	.cookieconsent-placeholder .btn-set {
		margin-top: 1.9em;
	}

	.cookieconsent-placeholder .headline {
		margin-bottom: .6em;
	}
  
  .cookieconsent-placeholder[data-accepted="false"] + .embed-wrap {
    display: none;
  }
  
  
  
  .CookieDeclarationTable colgroup {
    display: none;
  }/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/content/themes/viva/js/libs/leaflet/images/layers.png?x15710);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/content/themes/viva/js/libs/leaflet/images/layers-2x.png?x15710);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(/content/themes/viva/js/libs/leaflet/images/marker-icon.png?x15710);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */
	
@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}
@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@font-face {
  font-family: 'fontello';
  src: url('/content/themes/viva/fontello/font/fontello.eot?28302404&x15710');
  src: url('/content/themes/viva/fontello/font/fontello.eot?28302404#iefix&x15710') format('embedded-opentype'),
       url('/content/themes/viva/fontello/font/fontello.woff2?28302404') format('woff2'),
       url('/content/themes/viva/fontello/font/fontello.woff?28302404&x15710') format('woff'),
       url('/content/themes/viva/fontello/font/fontello.ttf?28302404&x15710') format('truetype'),
       url('/content/themes/viva/fontello/font/fontello.svg?28302404#fontello&x15710') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/content/themes/viva/fontello/font/fontello.svg?28302404#fontello&x15710') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-wp-edit:before { content: '\e811'; } /* '' */



@font-face {
    font-family:"Korolev Medium";
    src:url("/content/themes/viva/webfonts/Korolev-Medium.woff2") format("woff2"),url("/content/themes/viva/webfonts/Korolev-Medium.woff?x15710") format("woff"),url("/content/themes/viva/webfonts/Korolev-Medium.otf?x15710") format("opentype");
    font-style:normal;font-weight:400;
    font-display: swap;
}
        
@font-face {
    font-family:"Korolev Bold";
    src:url("/content/themes/viva/webfonts/Korolev-Bold.woff2") format("woff2"),url("/content/themes/viva/webfonts/Korolev-Bold.woff?x15710") format("woff"),url("/content/themes/viva/webfonts/Korolev-Bold.otf?x15710") format("opentype");
    font-style:normal;font-weight:400;
    font-display: swap;
}

        /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}





html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset, iframe, figure, blockquote {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

ul, ol, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: inherit;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  width: auto;
  margin-right: 0;
  margin-left: 0;
}

select::-ms-expand {
    display: none;
}






/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-slide {
  outline: 0;
}


.btn-wp-edit {
  display: block;
  float: left;
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 10000;
  color: #fff;
  background: #222;
  min-width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  border-radius: .9375rem;
  white-space: nowrap;
  font-family: Arial;
  text-transform: uppercase;
}

.btn-wp-edit i {
  position: absolute;
  top: 0;
  left: 0.55rem;
}

.btn-wp-edit > span {
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 0;
  -webkit-transition: max-width 150ms;
  -moz-transition: max-width 150ms;
  -ms-transition: max-width 150ms;
  -o-transition: max-width 150ms;
  transition: max-width 150ms;
  margin-left: 1.875rem;
}

.btn-wp-edit:hover > span {
  max-width: 12.5rem;
}

.btn-wp-edit > span > span {
  display: inline-block;
  padding-right: 0.55rem;
  font-size: .75rem;
}

.btn-wp-edit {
	font-size: 16px;
	bottom: 0;
	left: 0;
	min-width: 2.275em;
	height: 2.275em;
	line-height: 2.275em;
	border-radius: 0;
}

.btn-wp-edit i {
	left: 0.65em;
}

.btn-wp-edit > span {
	margin-left: 2.275em;
}

.btn-wp-edit > span > span {
	font-size: .75em;
	padding-right: .65em;
}

.btn-wp-edit:hover > span {
	max-width: 12.5em;
}

.sn-col-set {
  letter-spacing:-.31em;
  *letter-spacing:normal;
  *word-spacing:-.43em;
  text-rendering:optimizespeed;
  display:-webkit-flex;
  display: flex;
  -webkit-flex-flow:row wrap;
  display:-ms-flexbox;
  -ms-flex-flow:row wrap;
  flex-flow: row wrap;
  -ms-align-content:flex-start;
  -webkit-align-content:flex-start;
  align-content:flex-start;
}

.sn-col-set-nowrap {
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}

.sn-col-set > * {
  display:inline-block;
  *display:inline;
  zoom:1;
  letter-spacing:normal;
  word-spacing:normal;
  vertical-align:top;
  text-rendering:auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
          
}

.sn-col-set-1 > * {
  width: 100%;
  margin-right: 0;
}

.sn-col-set-2 > * {
  width: 50%;
}

.sn-col-set-3 > * {
  width: 33.33333333333333333333%;
}

.sn-col-set-4 > * {
  width: 25%;
}

.sn-col-set-5 > * {
  width: 20%;
}

.sn-col-set-6 > * {
  width: 16.66666666666666666666%;
}

.sn-col-set > .sn-col-auto,
.sn-col-set-footer > * {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

html:not(.explorer) .sn-col-set .sn-col-equal-height {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.sn-col-set .sn-col-space-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}

.sn-col-set .sn-col-valigned {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.btn {
  border: 0;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  font-size: 1rem;
  background: transparent;
  position: relative;
}

button.btn {
  -webkit-appearance: none;
  appearance: none;
}

.btn-set {
  margin-top: 1.2em;
}

span.loading {
  height: 0;
  width: 0;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  transition: all 150ms;
  transform: scale(0);
}

span.loading img {
  width: 100%;
  padding: 0.75rem;
  position: absolute;
  top: -0.9rem;
  left: 0;
  animation: spin .4s infinite linear;
}

span.loading.now {
  height: 1.3rem;
  width: 1.3rem;
  transform: scale(1);
}

img.ajax-loader {
  display: none !important;
}

button.btn {
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
}

.lnk {
  display: inline-block;
  transition: opacity 250ms;
}

.btn:hover,
.lnk:hover,
a:hover span.btn {
}

.btn span.icon {
  margin: 0 .875rem;
}

.btn span.icon,
.btn span.label,
.lnk span.icon,
.lnk span.label {
  display: inline-block;
  line-height: 1.4;
  vertical-align: top;
  white-space: normal;
}

.lnk span.icon {
  margin: 0 .875em;
}

.btn span.icon:last-child,
.lnk span.icon:last-child {
  margin-right: 0;
}

.btn span.icon:first-child,
.lnk span.icon:first-child {
  margin-left: 0;
}

.spanned > span {
  display: block;
}

.figure-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.figure-contain {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.figure-cover img,
.figure-contain img {
  display: none;
}

img.rounded {
  display: inline-block;
  border-radius: 50%;
}

.to-be-added {
	transform: translateY(60px);
  opacity: 0;
  transition: transform 1.2s, opacity 1.2s;
	transition-timing-function: cubic-bezier(0.19,1,.22,1);
}

.just-added {
	transform: translateY(0px);
	opacity: 1;
}

button.link {
	all: inherit;
	cursor: pointer;
}










address {
  font-style: normal;
}

a {
	text-decoration-skip: ink;
}

:focus:not(:focus-visible) { outline: none }

html {
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wysiwyg a {
  word-wrap: break-word;
}







/* DEV */

#breakpoints {
	position: fixed;
	bottom: 0;
	right: 0;
	background: #000;
	padding: 0.5em .75em;
	font-size: 16px;
	color: #fff;
	z-index: 20000;
}

#breakpoints::after {
	content: 'max';
}








	/* ROOT */

	:root {
    
    --base-font-1: "Korolev Medium", sans-serif;
    --base-font-1-bold: "Korolev Bold", sans-serif;
    
    --px: min(1px, calc((100 / 1920) * 1vw));
    --base-unit: var(--px);
	
		--ttf: cubic-bezier(0.19, 1, 0.22, 1);
    --ttf-2: cubic-bezier(0.075, 0.820, 0.165, 1);
    --ttf-3: cubic-bezier(0.64, 0, 0.78, 0);
    --ttf-4: cubic-bezier(0.8, 0, 0.2, 1);
    --ttf-5: cubic-bezier(0.165, 0.84, 0.4, 1);
    --ttf-6: cubic-bezier(0.6, 0.07, 0.17, 1);
    --ttf-7: cubic-bezier(0.247, 0.75, 0.187, 1);
    --ttf-8: cubic-bezier(1, 0, 0, 1);
    
    --page-padding-top: 0;
    --page-padding-left: max(20px, calc(140 * var(--px)));
    --page-padding-right: var(--page-padding-left);
    
    --page-padding-left-width-sidebar: calc(var(--sidebar-width) + var(--page-padding-left));
    
    --page-padding-left-xl: max(20px, calc(280 * var(--px)));
    --page-padding-right-xl: var(--page-padding-left-xl);
    
    --page-padding-left-s: max(20px, calc(70 * var(--px)));
    --page-padding-right-s: var(--page-padding-left-s);
  
		--base-color-black: #010000;
    --base-color-off-black: #1a1b21;
    --base-color-white: #fff;
    --base-color-off-white: #f9f9f9;
    --base-color-light-gray: #f5f5f5;
    --base-color-gray: #b2b3b6;
    --base-color-dark-gray: #606166;
    --base-color-darker-gray: #404249;
    
    --page-color-scheme: transparent;
	
	}
  
  @media (max-width: 500px) {
    
    :root {
      --page-padding-left: 20px;
      --page-padding-left-s: 20px;
      --page-padding-left-xl: 20px;
    }
    
  }




  @keyframes shake {
    10%, 90% { transform: translate3d(-3px, 0, 0); }
    20%, 80% { transform: translate3d(6px, 0, 0); }
    30%, 50%, 70% { transform: translate3d(-12px, 0, 0); }
    40%, 60% { transform: translate3d(12px, 0, 0); }
  }













 
 
	/* BASE */

	html {
		scroll-behavior: smooth;
	}

	html.is-transitioning,
	html.is-forced-scrolling {
		scroll-behavior: auto;
	}

	body {
	  font-size: 100%;
		font-family: var(--base-font-1);
		font-weight: 400;
	  color: var(--base-color-black);
	  line-height: 1.3;
	  background: var(--base-color-white);
	}
  
  body.view-magazine-overview {
    background: var(--base-color-off-white);
  }

	input, textarea, select, button {
		font-family: var(--base-font-1);
		font-weight: 400;
	  color: var(--base-color-black);
	}

	img {
	  max-width: 100%;
    height: auto;
	}  

	*:not(.has-component-inner) .module-inner,
	header.main > .inner,
  footer.main > .inner,
  .pre-footer > .inner,
	.cookie-bar > .inner,
	*.has-component-inner .component-inner {
	  position: relative;
	  margin: 0 auto;
	  padding-left: var(--page-padding-left);
	  padding-right: var(--page-padding-right);
	  box-sizing: border-box;
	}

	.module-full-width .module-inner {
	  max-width: none;
	  padding-left: 0;
	  padding-right: 0;
	}

	.load-more {
	  text-align: center;
	}

	.wysiwyg a {
    text-decoration: underline;
	}

  @media (hover: hover) {
  	.wysiwyg a:is(:hover, :focus) {
  	  text-decoration: none;
  	}
  }

	.wysiwyg > * + * {
	  margin-top: 1.5em;
	}

  strong,
  b,
	.wysiwyg strong {
    font-weight: normal;
    font-family: var(--base-font-1-bold);
	}

	.wysiwyg > ul:not(.plain),
	.wysiwyg > ol:not(.plain) {
	  counter-reset: supernovae;
	}

	.wysiwyg > ul:not(.plain) li,
	.wysiwyg > ol:not(.plain) li {
	  position: relative;
	  padding-left: 1em;
	}

	.wysiwyg > ul:not(.plain) li:not(:last-child),
	.wysiwyg > ol:not(.plain) li:not(:last-child) {
    margin-bottom: 0.5em;
	}

	.wysiwyg > ul:not(.plain) li::before {
	  content: '●';
	  position: absolute;
	  left: 0;
	}

	.wysiwyg > ol:not(.plain) li::before {
		content: counter(supernovae) '.';
		counter-increment: supernovae;
	  position: absolute;
	  left: 0;
	}

	.wysiwyg > ul ul li::before {
	}

	.wysiwyg > ul ul,
	.wysiwyg > ol ol {
	}

	.wysiwyg table {
	  width: auto !important;
	}

	.wysiwyg table td {
	  width: auto !important;
	  height: auto !important;
	}

	@keyframes spin {
	    from {transform:rotate(0deg);}
	    to {transform:rotate(360deg);}
	}

	span.loading img {
		top: -12px;
	}

	span.loading {
		vertical-align: middle;
	}

	.btn-menu {
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		margin: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		cursor: pointer;
		color: inherit;
	}

  .btn-set {
    margin-top: max(30px, calc(60 * var(--px)));
  }
  
  .btn-set.has-block-buttons > div + div {
    margin-top: max(15px, calc(30 * var(--px)));
  }
  
  .btn-set.has-block-buttons .btn {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
  
  nav span[aria-hidden] {
    display: none;
  }

	
	
	/* COPIES */

	*[class*="cpy-"] {
		font-family: var(--base-font-1);
    font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
    --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
    --scale-breakpoint: 1920;
	}

	*[class*="cpy-"][class*="cpy-b"] {
		font-family: var(--base-font-1-bold);
	}
  
	.cpy-80 {
		--font-size: 80;
    --min-font-size: 1.875rem;
    --max-font-size: 5rem;
	}
  .cpy-80.headline {
    margin-bottom: .375em;
  }
  
	.cpy-60 {
		--font-size: 60;
    --min-font-size: 1.5625rem;
    --max-font-size: 3.75rem;
    line-height: 1.25;
    letter-spacing: .02em;
	}
  
	.cpy-50 {
		--font-size: 50;
    --min-font-size: 1.5rem;
    --max-font-size: 3.125rem;
    line-height: 1.25;
    letter-spacing: .02em;
	}
  
	.cpy-40 {
		--font-size: 40;
    --min-font-size: 1.5rem;
    --max-font-size: 2.5rem;
    line-height: 1.25;
    letter-spacing: .02em;
	}
  
	.cpy-30 {
		--font-size: 30;
    --min-font-size: 1.25rem;
    --max-font-size: 1.875rem;
    line-height: 1.25;
    letter-spacing: .02em;
	}
  
	.cpy-26 {
		--font-size: 26;
    --min-font-size: 1.25rem;
    --max-font-size: 1.625rem;
    line-height: 1.30769230769230769230;
    letter-spacing: .02em;
	}
  
  @media (max-width: 500px) {
    .cpy-26 {
      line-height: 1.5;
    }
  }
  
  
	.cpy-22 {
		--font-size: 22;
    --min-font-size: 1.125rem;
    --max-font-size: 1.375rem;
    line-height: 1.30769230769230769230;
    letter-spacing: .02em;
	}

	.cpy-18 {
		--font-size: 18;
    --min-font-size: 1rem;
    --max-font-size: 1.125rem;
    letter-spacing: .02em;
	}




	/* BUTTONS */

	button,
  .btn,
  .lnk {
    
		font-family: var(--base-font-1-bold);
    font-size: var(--font-size);
    font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
    --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
    --scale-breakpoint: 1920;
    
		margin: 0;
		border: 0;
		padding: 0;
		border-radius: 0;
		box-shadow: none;
		background: transparent;
		display: inline-block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
    box-sizing: border-box;
	}
	
  
  
  
  
  
  
  
  
	.btn-a,
  .btn-b,
  .btn-d,
  .btn-e {
    
    --font-size: 26;
    --min-font-size: 1.25rem;
    --max-font-size: 1.625rem;
    --color: var(--base-color-white);
    --background-color: transparent;
    --border-width: 4px;
    
    position: relative;
    color: var(--color);
    letter-spacing: 0.025em;
		text-transform: uppercase;
    border: var(--border-width) solid var(--color);
    border-radius: 100px;
    padding: 0.7em 1.92307692307692307692em 0.8em;
    background: var(--background-color);
    
    transition: background 150ms;
    
	}
  
  @media (max-width: 500px) {
    .btn-a,
    .btn-b,
    .btn-d {
      width: 100%;
      text-align: center;
    }
  }
  
  
  
  
  
  
  /* OUTLINED */
  
  .btn-a:focus {
    outline: 0;
  }

  .btn-a::before {
    content: '';
    pointer-events: none;
    display: block;
    position: absolute;
    top: calc(var(--border-width) * -1);
    left: calc(var(--border-width) * -1);
    width: calc(100% + (var(--border-width) * 2));
    height: calc(100% + (var(--border-width) * 2));
    border-radius: inherit;
    box-sizing: border-box;
    border: inherit;
    transition: border 150ms;
  }
  
  @media (hover: hover) {
    .btn-a:focus:not(:active)::before {
      border-width: calc(var(--border-width) * 2.5);
    }
  }



  .btn-a.btn-white {
    --color: var(--base-color-white);
  }
  
  .btn-a.btn-gray {
    --color: var(--base-color-gray);
  }
  
  @media (hover: hover) {
    .btn-a.btn-white:hover {
      --background-color: rgba(255,255,255,0.15);
    }
    .btn-a.btn-white:active {
      --background-color: rgba(255,255,255,0.3);
    }
  }







  /* OUTLINED + GRADIENT */
  
  .btn-b {
    background: linear-gradient(white, white) padding-box, transparent linear-gradient(90deg, #E00979 0%, #FCBA00 100%) 0% 0% no-repeat border-box;
    border-color: transparent;
  }
  
  .btn-b .label {
    background: transparent linear-gradient(90deg, #E00979 0%, #FCBA00 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  
  
  
  
  
  /* FILLED + GRADIENT */
  
  .btn-d {
    background: transparent linear-gradient(90deg, #E00979 0%, #FCBA00 100%) 0% 0% no-repeat border-box;
    border-color: transparent;
  }
  
  
  
  
  
  
  
  
  .btn-c {
    
    font-family: var(--base-font-1);
    --font-size: 22;
    --min-font-size: 16px;
    --max-font-size: 22px;
    color: inherit;
    
  }
  
  .btn-c .wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
  }
  
  .btn-c svg {
    display: block;
    height: auto;
    width: var(--icon-width-px);
  }
  
  
  
  
  
  
  
  
  
  
  /* CONTACT CIRCLE BUTTON */
  
  .btn-contact {
    --size: max(83px, calc(83 * var(--px)));
    width: var(--size);
    height: var(--size);
    position: relative;
    border-radius: 50%;
    border: 1px solid var(--base-color-gray);
    background: var(--base-color-white);
  }
  
  .btn-contact .label {
    position: absolute;
    top: -1000000px;
    left: -1000000px;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  
  .btn-contact span.icon {
    margin: 0;
  }
  
  .btn-contact svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(var(--size) * .33734939759036144578);
    height: auto;
  }
  
  .btn-contact[data-icon="arrow-next"] svg path {
    fill: var(--base-color-dark-gray);
  }
  
  .contact-button-list {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .contact-button-list > li + li {
    margin-left: calc(60 * var(--px));
  }
  
  
  
  
  
  
  
  /* ICON ONLY */
  
  .btn-icon-only .label {
    position: absolute;
    top: -100000em;
    left: -100000em;
    width: 0;
    height: 0;
    overflow: hidden;
    display: block;
  }
  
  .btn-icon-only span.icon {
    margin: 0;
  }
  
  .btn-icon-only svg {
    display: block;
    width: 32px;
    height: auto;
  }
  
  .btn-icon-only svg path {
    fill: #b2b3b6;
  }
  
  
  
  
  
  
  
  
	.lnk-a,
  .lnk-b {
    
    font-family: var(--base-font-1);
    
    --font-size: 22;
    --min-font-size: 16px;
    --max-font-size: 22px;
    
    position: relative;
    color: var(--color);
    letter-spacing: 0.025em;
    
	}
  
  .lnk-b {
    --font-size: 26;
    --min-font-size: 16px;
    --max-font-size: 26px;
  }
  
  .lnk-a .wrap,
  .lnk-b .wrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  
  .lnk-a svg path {
    fill: currentColor;
  }
  
  .lnk-a[data-icon="arrow-prev"] svg {
    width: max(24px, calc(24 * var(--px)));
    height: auto;
    display: block;
  }
  
  .lnk-b[data-icon="download"] svg,
  .lnk-b[data-icon="download-bw"] svg {
    width: max(27px, calc(27 * var(--px)));
    height: auto;
    display: block;
  }
  
  .lnk-b .label > span {
    text-decoration: underline;
  }
  
  @media (hover: hover) {
    .lnk-b:is(:hover, :focus) .label > span {
      text-decoration: none;
    }
  }
  
  
  
  
  
  
  
  
  
  /* READ MORE */
  
  .btn-e {
    --background-color: #fafafa;
    --color: var(--base-color-black);
    border: 0;
    padding-left: 0.7em;
    padding-bottom: 0.7em;
    padding-right: 2.5em;
  }
  
  .btn-e[data-icon="read-more"] span.icon {
    position: relative;
    margin-left: 0.35em;
    margin-right: 1.35em;
  }
  
  .btn-e[data-icon="read-more"] span.icon > span {
    position: relative;
    z-index: 2;
    transition: transform .25s, top .25s;
    display: inline-block;
    top: calc(-1 * var(--px));
  }
  
  .module.is-expanded .btn-e[data-icon="read-more"] span.icon > span {
    transform: rotate(-180deg);
    top: calc(-3 * var(--px));
  }
  
  .btn-e[data-icon="read-more"] span.icon::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    --size: max(38px, calc(44 * var(--px)));
    width: var(--size);
    height: var(--size);
    background: url(/content/themes/viva/imgs/gradient.svg?x15710) no-repeat center center;
    background-size: contain;
    z-index: 1;
  }
  
  .btn-e[data-icon="read-more"] span.icon svg {
    display: block;
    --size: max(18px, calc(23 * var(--px)));
    width: var(--size);
    height: auto;
  }
  
  @media (hover: hover) {
    .btn-e:is(:hover, :focus) {
      --background-color: #f5f5f5;
    }
  }

  .btn-e[data-icon="read-more"] span.label::before {
    content: 'Weniger';
    display: none;
  }
  
  .module.is-expanded .btn-e[data-icon="read-more"] span.label::before {
    display: inline;
  }
  
  .module.is-expanded .btn-e[data-icon="read-more"] span.label > span {
    display: none;
  }

	/* FORMS */
  
  input:-webkit-autofill,
  input:-webkit-autofill:hover, 
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--color);
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    transition: background-color 5000s ease-in-out 0s;
  }
  
  ::-webkit-input-placeholder {
    color: var(--color);
  }
  ::placeholder {
    color: var(--color);
  }

	.styled-select,
	.styled-search {
		position: relative;
    width: min-content;
    max-width: 100%;
	}

	.styled-select select,
	li.search input,
  .sn-language-dropdown select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.styled-select select,
  .sn-language-dropdown select {
		cursor: pointer;
	}

  .styled-select .icon,
  .styled-search .icon {
    position: absolute;
    right: max(20px, calc(39 * var(--px)));
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 2;
  }
  
  .styled-search .icon svg {
    width: max(20px, calc(var(--icon-width) * var(--px)));
  }
  
  .styled-search .icon svg path {
    fill: #b2b3b6;
  }




  .styled-search input {
    
		font-family: var(--base-font-1);
    font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
    --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
    --scale-breakpoint: 1920;
    
    --font-size: 26;
    --min-font-size: 1.125rem;
    --max-font-size: 1.625rem;
    line-height: 1.3;
    
    background: var(--base-color-off-white);
    border-radius: 50px;
    border: 0;
    box-sizing: border-box;
    display: inline-block;
    padding: 0;
    margin: 0;
    box-shadow: none;
    outline: 0;
    padding: 1em 1.53846153846153846153em;
    padding-right: 3.84615384615384615384em;
    max-width: max(320px, calc(536 * var(--px)));
    
  }
  
  
  
  
  
  
  
  
  .subpages-nav .styled-select {
    position: relative;
  }
  
  .subpages-nav .styled-select select {
    
		font-family: var(--base-font-1);
    font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
    --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
    --scale-breakpoint: 1920;
    
    --font-size: 26;
    --min-font-size: 1.125rem;
    --max-font-size: 1.625rem;
    line-height: 1.3;
    
    background: rgba(255,255,255,0.1);
    border-radius: 50px;
    border: 0;
    box-sizing: border-box;
    display: inline-block;
    padding: 0;
    margin: 0;
    box-shadow: none;
    outline: 0;
    color: var(--base-color-white);
    padding: 1em 1.53846153846153846153em;
    padding-right: 3.84615384615384615384em;
    
  }
  
  
  
  
  
  
  
  
  .form-list label {
    display: none;
  }
  
  .form-list label.is-not-hidden {
    display: block;
    margin-bottom: 1em;
    margin-top: 2em;
  }
  
  .form-list label span.hint {
    font-size: 80%;
    display: block;
    color: #606167;
    margin-top: 0.3em;
  }
  
  .screen-reader-response,
  .wpcf7-not-valid-tip,
  .response-wrapper.top {
    display: none;
  }
  
  .response-wrapper.bottom {
    margin-top: calc(50 * var(--px));
  }
  
  .wpcf7-form-control-signature-wrap {
    border: 1px solid #000;
    border-radius: 6px;
    overflow: hidden;
  }
  
  .form-list > li.signature .wpcf7-form-control-clear-wrap {
    margin-top: 0.5em;
  }
  
  .form-list > li.signature .wpcf7-form-control-clear-wrap input[type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    text-decoration: underline;
    color: #333;
  }
  
  .form-list > li.signature .wpcf7-form-control-clear-wrap input[type="button"]:hover {
    text-decoration: none;
  }
  
  @media (max-width: 650px) {
    .wpcf7-form-control-signature-wrap {
      width: 100% !important;
      box-sizing: border-box;
    }
  }
  
  
  
  
  
  
  
  
  
  .form-list-standard {
    --row-gap: max(20px, calc(36 * var(--px)));
    --column-gap: calc(20 * var(--px));
    display: flex;
    flex-flow: row wrap;
  }
  
  .form-list-standard > li {
    width: 100%;
  }
  
  .form-list-standard > li.li-50 {
    width: calc((100% - var(--column-gap)) / 2);
  }
  
  .form-list-standard > li.li-last {
    margin-left: auto;
  }
  
  .form-list-standard > li + li {
    margin-top: var(--row-gap);
  }
  
  .form-list-standard > li.li-50:first-child,
  .form-list-standard > li.li-50:first-child + li.li-50 {
    margin-top: 0;
  }
  
  .form-list-standard > li.input input,
  .form-list-standard > li.input textarea,
  .form-list-standard > li.select .styled-select select,
  .sn-language-dropdown .select select {
    
		font-family: var(--base-font-1);
    font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
    --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
    --scale-breakpoint: 1920;
    
    --font-size: 26;
    --min-font-size: 1.125rem;
    --max-font-size: 1.625rem;
    
    background: var(--base-color-white);
    border-radius: 50px;
    border: 2px solid #b2b3b6;
    box-sizing: border-box;
    display: inline-block;
    padding: 0;
    margin: 0;
    box-shadow: none;
    outline: 0;
    padding: 1.42307692307692307692em 2.26923076923076923076em;
    width: 100%;
    
  }
  
  .form-list-standard > li.input textarea {
    resize: none;
    height: 11em;
  }
  
  .form-list-standard > li.select .styled-select {
    width: 100%;
    max-width: none;
  }
  
  .form-list-standard > li.select .styled-select .wpcf7-form-control-wrap,
  .form-list-standard > li.select .styled-select select {
    width: 100%;
    display: block;
  }
  
  .form-list-standard > li *[aria-invalid="true"] {
    border-color: #e10b79 !important;
    animation: shake .5s;
  }
  
  .form-list-standard > li.gdpr .col-set {
    display: flex;
    flex-flow: row nowrap;
    color: #606167;
  }
  
  .form-list-standard > li.gdpr a {
    text-decoration: underline;
  }
  
  @media (hover: hover) {
    .form-list-standard > li.gdpr a:is(:focus, :hover) {
      text-decoration: none;
    }
  }
  
  .form-list-standard > li.gdpr .col-set > div:first-child {
    margin-right: 1.6em;
    padding-top: 2px;
  }
  
  .form-list-standard > li.gdpr input {
    accent-color: #e20b7a;
    transform: scale(2);
    transform-origin: left top;
    display: block;
    cursor: pointer;
  }
  
  
  @media (max-width: 500px) {
    
    .form-list-standard > li.li-50 {
      width: 100%;
    }
    
    .form-list-standard > li.li-50:first-child + li.li-50 {
      margin-top: var(--row-gap);
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  .sn-language-dropdown .select {
    position: relative;
  }
  
  .sn-language-dropdown .visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    z-index: 2;
    pointer-events: none;
    align-items: center;
  }
  
  .sn-language-dropdown .globe svg {
    width: max(21px, calc(30 * var(--px)));
    height: auto;
    display: block;
    margin-left: max(15px, calc(30 * var(--px)));
  }
  
  .sn-language-dropdown .dropdown-arrow {
    margin-left: auto;
  }
  
  .sn-language-dropdown .dropdown-arrow svg {
    width: max(18px, calc(18 * var(--px)));
    height: auto;
    display: block;
    margin-right: max(15px, calc(30 * var(--px)));
  }
  
  .sn-language-dropdown .select select {
    --font-size: 40;
    --min-font-size: 1.5rem;
    --max-font-size: 2.5rem;
    padding: 0.25em 1.875em 0.45em;
    padding-bottom: 0.25em;
    line-height: 1.4;
  }







  header.main {
    position: fixed;
    top: max(56px, calc(104 * var(--px)));
    left: 4px;
    right: 4px;
    z-index: 99;
    --height: max(72px, calc(140 * var(--px)));
  }
  
  body.scrolled header.main {
    --height: max(72px, calc(110 * var(--px)));
  }
  
  @media (min-width: 701px) {
    header.main[data-state="tiny"] {
      --height: max(72px, calc(110 * var(--px)));
    }
  }
  
  header.main > .inner {
    height: var(--height);
    transition: height 500ms var(--ttf-7);
    padding: 0 max(26px, calc(40 * var(--px)));
    margin-left: var(--page-padding-left);
    margin-right: var(--page-padding-right);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
  }
  
  header.main > .inner::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    border-radius: 100px;
    background: var(--base-color-white);
    box-shadow: 0px 4px 15px #00000024;
    z-index: 1;
    transition: width 500ms var(--ttf-6);
  }
  
  @media (min-width: 701px) {
    header.main[data-state="tiny"] > .inner::after {
      width: max(112px, calc(180 * var(--px)));
    }
  }
  
  header.main .col-set {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    align-items: center;
    position: relative;
    z-index: 2;
  }
  
  header.main .col-set > div {
    flex-shrink: 0;
  }
  
  header.main .col-set > div.col-2 {
    width: 100%;
    flex-shrink: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
  }
  
  header.main .col-set > div.col-3 {
    padding-left: calc(50 * var(--px));
  }
  
  @media (max-width: 500px) {
    
    header.main > .inner {
      margin-left: 23px;
      margin-right: 23px;
    }
    
    header.main {
      top: 23px;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  button.btn-expand-header {
    position: absolute;
    left: max(85px, calc(135 * var(--px)));
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: none;
  }
  
  @media (min-width: 701px) {
  
    header.main[data-state="tiny"] button.btn-expand-header {
      display: block;
    }
  
    button.btn-expand-header::before {
      content: '';
      display: block;
      position: absolute;
      inset: -10px -15px;
    }
  
    button.btn-expand-header svg {
      display: block;
      width: max(9px, calc(var(--icon-width) * var(--px)));
      height: auto;
    }
  
    button.btn-expand-header svg path {
      fill: #d8d8d8;
    }
  
  }
  
  
  
  
  
  
  
  
  header.main .site-title {
    position: relative;
  }
  
  header.main .site-title span[aria-hidden] {
    position: absolute;
    top: 50%;
    left: calc(100% + 11px);
    transform: translateY(-50%);
    pointer-events: none;
  }
  
  header.main .site-title span[aria-hidden] span {
    position: relative;
    display: inline-block;
    transition: opacity 500ms var(--ttf-7);
  }
  
  body.scrolled header.main .site-title span[aria-hidden] span {
    opacity: 0;
  }
  
  @media (min-width: 701px) {
    header.main[data-state="tiny"]:not(.is-expanded) .site-title span[aria-hidden] span {
      opacity: 0;
    }
  }
  
  header.main .site-title img {
    width: max(39px, calc(76 * var(--px)));
    height: auto;
    transition: width 500ms var(--ttf-7);
  }
  
  body.scrolled header.main .site-title img {
    width: max(39px, calc(60 * var(--px)));
  }
  
  @media (min-width: 701px) {
    header.main[data-state="tiny"] .site-title img {
      width: max(39px, calc(60 * var(--px)));
    }
  }
  
  @media (max-width: 750px) {
    
    header.main .site-title span[aria-hidden] {
      display: none;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  nav.header {
    margin-left: auto;
    --items: 6;
    transition: opacity 500ms 250ms var(--ttf-7);
  }
  
  @media (max-width: 1300px) {
    nav.header {
      display: none;
    }
  }
  
  nav.header .menu {
    display: flex;
    flex-flow: row nowrap;
  }
  
  nav.header .menu > li + li {
    margin-left: 3px;
  }
  
/*  body.home nav.header .menu > li {
    pointer-events: none;
    opacity: 0;
    transform: translateY(-20px);
    transition: 500ms var(--ttf-7);
    transition-property: opacity, transform;
    transition-delay: 0ms, 500ms;
  }

  @media (hover: hover) {
    header.main:is(:hover, :focus) nav.header .menu > li {
      opacity: 1;
      transform: none;
      pointer-events: all;
      transition-delay: calc((var(--items) - var(--index, 0)) * 25ms);
    }
  }*/
  
  nav.header a,
  nav.subpages-nav a {
    display: inline-block;
    background: transparent;
    border-radius: 50px;
    padding: .88888888888888888888em 0.9em 1em;
    transition: background 200ms;
  }
  
  nav.subpages-nav a {
    opacity: 0.8;
  }
  
  @media (hover: hover) {
    nav.header a:is(:hover, :focus) {
      background: var(--base-color-light-gray);
    }
  }
  
  nav.header .current-menu-any > a {
    background: transparent linear-gradient(90deg, #E00979 0%, #FCBA00 100%) 0% 0% no-repeat padding-box;
    color: var(--base-color-white);
  }
  
  nav.subpages-nav .current-menu-any > a {
    opacity: 1;
    background: rgba(249, 249, 249, 0.25);
  }
  
  @media (hover: hover) {
    nav.subpages-nav a:is(:hover, :focus) {
      opacity: 1;
      background: rgba(249, 249, 249, 0.25);
    }
  }
  
  
  @media (min-width: 701px) {
  
    header.main[data-state="tiny"] {
      pointer-events: none;
    }
  
    header.main[data-state="tiny"] .btn-expand-header,
    header.main[data-state="tiny"] .col-1 {
      pointer-events: all;
    }
  
    header.main[data-state="tiny"] nav.header {
      opacity: 0;
      pointer-events: none;
    }
  
    header.main[data-state="tiny"] nav.header * {
      pointer-events: none;
    }
  
  }
  
  
  
  
  
  
  
  
  .header-icons {
    display: flex;
    flex-flow: row nowrap;
    /*width: max(100px, calc(207 * var(--px)));*/
    width: max(90px, calc(90 * var(--px)));
    justify-content: space-between;
    align-items: center;
    transition: opacity 250ms 400ms;
  }
  
  .header-icons .btn-menu {
    display: block;
  }
  
  .header-icons svg {
    width: max(20px, calc(var(--icon-width) * var(--px)));
    height: auto;
    display: block;
  }
  
  .header-icons svg path {
    fill: var(--base-color-black);
  }
  
  .header-icons .btn-menu svg path {
    fill: #3f4249;
  }
  
  @media (min-width: 701px) {
    header.main[data-state="tiny"] .header-icons {
      opacity: 0;
      pointer-events: none;
    }
  }

  .minimal-language-dropdown {
    position: relative;
    overflow: hidden;
  }
  
  .minimal-language-dropdown svg {
    display: block;
  }
  
  .minimal-language-dropdown span[aria-hidden] {
    display: block;
  }
  
  .minimal-language-dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
  }
  
  @media (max-width: 500px) {
    
    .header-icons {
      width: auto;
    }
    
    .header-icons > * {
      display: none;
    }
    
    .header-icons > .hi-menu {
      display: block;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  div.flyout {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    visibility: hidden;
    transition: visibility 1s 0s;
    overflow: hidden;
    pointer-events: none;
  }
  
  body.menu div.flyout {
    visibility: visible;
    transition-delay: 0s;
    pointer-events: all;
  }
  
  div.flyout::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1A1B21;
    opacity: 0;
    transition: opacity 1s var(--ttf-2);
  }
  
  body.menu div.flyout::before {
    opacity: 0.3;
  }
  
  .flyout-panel {
    position: relative;
    z-index: 2;
    margin-left: auto;
    height: 100%;
    background: #1a1b21;
    border-radius: 14px 0 0 14px;
    max-width: calc(1504 * var(--px));
    width: 100%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.14);
    color: #B2B3B6;
    transform: translateX(25%);
    opacity: 0;
    transition: 1s var(--ttf-2);
    transition-property: transform, opacity;
  }
  
  body.menu .flyout-panel {
    opacity: 1;
    transform: none;
  }
  
  .flyout-panel > .inner {
    padding-left: var(--page-padding-left);
    padding-right: var(--page-padding-right);
    padding-top: 38px;
    padding-bottom: 72px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
  }
  
  @media (max-width: 900px) {
    
    .flyout-panel {
      max-width: 100%;
      border-radius: 0;
    }
    
  }
  
  @media (max-width: 700px) {
    
    .flyout-panel {
      overflow: auto;
    }
    
    .flyout-panel > .inner {
      padding-top: 51px;
      padding-bottom: 51px;
      height: auto;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  .flyout-panel .row-1 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  
  .flyout-search-form .styled-search {
    width: 100%;
  }
  
  .flyout-search-form .styled-search input {
    background: #26272c;
    color: inherit;
    max-width: 100%;
    width: 100%;
  }
  
  .flyout-panel .row-1 .col-1 {
    flex-grow: 1;
  }
  
  .flyout-panel .row-1 .col-2 {
    flex-shrink: 0;
    margin-left: calc(120 * var(--px));
  }
  
  @media (max-width: 500px) {
    
    .btn-close-flyout span.label {
      display: none;
    }
    
    .flyout-panel .row-1 .col-2 {
      margin-left: var(--page-padding-left);
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  .flyout-panel .row-2 {
    margin-top: auto;
    margin-bottom: auto;
  }

  nav.flyout-nav {
    --menu-width: max(280px, calc(400 * var(--px)));
    --menu-col-gap: calc(50 * var(--px));
  }
  
  @media (min-width: 701px) {
    
    nav.flyout-nav .sub-menu-wrapper.depth-2 {
      display: none;
    }
  
    nav.flyout-nav .sub-menu-wrapper {
      display: block;
      position: absolute;
      top: 0;
      left: calc(var(--menu-width) + var(--menu-col-gap));
      bottom: 0;
      overflow: clip;
      overscroll-behavior: contain;
      pointer-events: none;
  		-ms-overflow-style: none;
  		scrollbar-width: none;
  		-webkit-overflow-scrolling: touch;
    }
  
    nav.flyout-nav .sub-menu-wrapper::-webkit-scrollbar {
      display: none;
    }
  
    nav.flyout-nav li.sub-menu-open .sub-menu-wrapper.has-scrollbar {
      overflow: auto;
      overflow-x: clip;
      transition: -webkit-mask-image 1s;
    }
    
    nav.flyout-nav li.sub-menu-open .sub-menu-wrapper.has-scrollbar.has-top-gradient {
      -webkit-mask-image: linear-gradient(to bottom, transparent 0px, black 50px, black 50px, black 100%);
    }
    
    nav.flyout-nav li.sub-menu-open .sub-menu-wrapper.has-scrollbar.has-bottom-gradient {
      -webkit-mask-image: linear-gradient(to bottom, black 0px, black 50px, black calc(100% - 100px), transparent 100%);
    }
    
    nav.flyout-nav li.sub-menu-open .sub-menu-wrapper.has-scrollbar.has-bottom-gradient.has-top-gradient {
      -webkit-mask-image: linear-gradient(to bottom, transparent 0px, black 50px, black calc(100% - 100px), transparent 100%);
    }
  
    body.menu nav.flyout-nav li.sub-menu-open .sub-menu-wrapper {
      pointer-events: all;
    }
  
    nav.flyout-nav .sub-menu > li {
      position: relative;
      transform: translateX(-100%);
      opacity: 0;
      transition: transform 0s .5s, opacity 0s 0s;
      transition-timing-function: var(--ttf-2);
      width: calc(var(--menu-width) * 1.5);
    }
  
    nav.flyout-nav li.sub-menu-open .sub-menu > li {
      transform: none;
      opacity: 1;
      transition-delay: calc(var(--index) * 30ms), 0s;
      transition-duration: .5s, 0s;
    }
    
  }
  
  nav.flyout-nav .menu {
    position: relative;
    width: var(--menu-width);
  }
  
  nav.flyout-nav li {
    margin-bottom: 1px;
  }
  
  nav.flyout-nav li > a {
    display: block;
    padding: .76666666666666666666em 1.33333333333333333333em .8em;
    position: relative;
    transition: background 150ms, color 150ms;
    border-radius: 14px;
    margin-bottom: 1px;
  }
  
  @media (hover: hover) {
    nav.flyout-nav .menu > li:is(:hover) > a,
    nav.flyout-nav li > a:is(:hover) {
      background-color: #26272c;
      color: var(--base-color-white);
    }
  }
  
  nav.flyout-nav li.current-menu-any > a {
    background-color: #26272c;
    color: var(--base-color-white);
  }
  
  nav.flyout-nav .sub-menu-wrapper.depth-1 li.has-sub-menu > a > span[aria-hidden] {
    display: none;
  } 
  
  nav.flyout-nav li.has-sub-menu > a > span[aria-hidden] {
    display: block;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
  }
  
  nav.flyout-nav li.has-sub-menu > a > span[aria-hidden]::before {
    content: '';
    display: block;
    position: absolute;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;
  }
  
  nav.flyout-nav li.has-sub-menu > a > span[aria-hidden] svg {
    width: 30px;
    height: auto;
    display: block;
  }
  
  nav.flyout-nav li.has-sub-menu > a > span[aria-hidden] svg path {
    fill: #404249;
    transition: fill 150ms;
  }
  
  @media (hover: hover) {
    nav.flyout-nav li.has-sub-menu > a > span[aria-hidden]:hover svg path {
      fill: #B2B3B6;
    }
  }
  
  nav.flyout-nav li.has-sub-menu.sub-menu-open > a > span[aria-hidden] svg path {
    fill: #B2B3B6;
  }
  
  @media (max-width: 700px) {
    
    .flyout-panel .row-2 {
      overflow: hidden;
      margin-top: 50px;
      margin-bottom: 80px;
    }
    
    nav.flyout-nav {
      --menu-width: 100%;
      font-size: 24px;
    }
    
    nav.flyout-nav li.has-sub-menu svg {
      transform: rotate(90deg);
    }
    
    nav.flyout-nav .sub-menu-wrapper.depth-1 {
      max-height: 0;
      position: relative;
      overflow: hidden;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-30px);
      transition: 500ms var(--ttf-2);
      transition-property: opacity, max-height, transform;
    }
    
    nav.flyout-nav .menu > li.has-sub-menu.sub-menu-open .sub-menu-wrapper.depth-1 {
      opacity: 1;
      pointer-events: all;
      transform: none;
      max-height: var(--max-height, 3000px);
    }
    
    nav.flyout-nav li.has-sub-menu.sub-menu-open svg {
      transform: rotate(-90deg);
    }
    
    nav.flyout-nav .sub-menu-wrapper a > span {
      font-size: 18px;
      display: inline-block;
    }
    
    nav.flyout-nav .sub-menu > li > a {
      padding-top: 0.3em;
      padding-bottom: 0.3em;
    }
    
    nav.flyout-nav .sub-menu.depth-2 > li > a > span {
      padding-left: 1em;
    }
    
  }
  
  @media (max-width: 500px) {
    
/*    nav.flyout-nav li > a {
      padding-left: 0;
      padding-right: 0;
    }

    nav.flyout-nav li.has-sub-menu > a > span[aria-hidden] {
      right: 0;
    }*/
    
  }
  
  
  
  
  
  
  
  
  
  
  .flyout-panel .lower-footer-row .col-1 {
    flex-flow: row nowrap;
    white-space: nowrap;
  }
  
  .flyout-panel .lower-footer-row .col-2 {
    display: none;
  }
  
  .flyout-panel .lower-footer-row .col-3 {
    margin-bottom: 0;
  }
  
  @media (max-width: 700px) {
    
    .flyout-panel .lower-footer-row .col-1 {
      flex-flow: column nowrap;
    }
    
  }
  
  
  
  
  
  
  
  #sn-firefox-svg-bugfix {
    position: absolute;
    top: -10000px;
    left: -10000px;
  }










  .pre-footer {
    background: var(--base-color-white);
  }

  .pre-footer > .inner {
    padding-top: calc(60 * var(--px));
    padding-bottom: calc(80 * var(--px));
    padding-left: var(--page-padding-left-xl);
    padding-right: var(--page-padding-right-xl);
  }
  
  .pre-footer .col-set {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .pre-footer .col-1,
  .pre-footer .col-3 {
    flex-shrink: 0;
  }
  
  .pre-footer .footer-site-title img {
    width: max(39px, calc(80 * var(--px)));
    height: auto;
    display: inline-block;
    max-width: none;
  }
  
  .pre-footer .col-2 {
    margin: 0 calc(58 * var(--px));
  }
  
  .pre-footer .col-3 img {
    width: calc(260 * var(--px));
    height: auto;
    display: inline-block;
    max-width: none;
  }
  
  @media (max-width: 1300px) {
    
    .pre-footer > .inner {
      padding-left: var(--page-padding-left);
      padding-right: var(--page-padding-right);
    }
    
  }
  
  @media (max-width: 900px) {
    
    .pre-footer > .inner {
      padding-top: 60px;
      padding-bottom: 60px;
    }
    
    .pre-footer .col-set {
      flex-flow: column nowrap;
    }
    
    .pre-footer .col-set > * {
      width: 100%;
      margin: 0;
    }
    
    .pre-footer .col-set > * + * {
      margin-top: 35px;
    }
    
    .pre-footer .col-3 img {
      width: 220px;
    }
    
    .pre-footer .footer-site-title img {
      width: 80px;
    }
    
  }
  









  footer.main {
    background: var(--base-color-off-black);
    color: var(--base-color-gray);
    --border: 2px solid var(--base-color-dark-gray);
    --row-padding-top: max(20px, calc(50 * var(--px)));
  }
  
  footer.main > .inner {
    padding-top: max(80px, calc(80 * var(--px)));
    padding-bottom: max(90px, calc(90 * var(--px)));
  }
  
  
  
  
  nav.footer .menu {
    
    --base-width: 100%;
    --columns: 6;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: 16px;
    --row-gap: 32px;
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
    
    justify-content: space-between;
    hyphens: auto;
  }
  
  nav.footer .menu > li {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
    border-top: var(--border);
    padding-top: var(--row-padding-top);
  }
  
  nav.footer .menu > li > a {
    color: var(--base-color-white);  
    font-size: 1.22222222222222222222em;
  }
  
  nav.footer .sub-menu,
  nav.footer .sub-menu li + li {
    margin-top: 1.1em;
  }
  
  nav.footer .sub-menu-wrapper.depth-2 {
    padding-left: 1em;
  }
  
  nav.footer .sub-menu-wrapper.depth-2 li {
    position: relative;
  }
  
  nav.footer .sub-menu-wrapper.depth-2 li::before {
    content: '-';
    position: absolute;
    right: calc(100% + 5px);
  }
  
  nav.footer .cpy-18 {
    --min-font-size: .75rem;
  }


  @media (max-width: 1300px) {
    
    nav.footer .menu {
      --columns: 3;
    }
    
  }
  
  @media (max-width: 700px) {
    
    nav.footer .menu {
      --columns: 1;
      --row-gap: 0px;
      --column-gap: 0px;
    }
    
    nav.footer .cpy-18 {
      --min-font-size: 1.125rem;
    }
    
    nav.footer .menu > li > a {
      font-size: 1em;
    }
    
    nav.footer .sub-menu-wrapper.depth-1 {
      max-height: 0;
      position: relative;
      overflow: hidden;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-30px);
      transition: 500ms var(--ttf-2);
      transition-property: opacity, max-height, transform;
    }
    
    nav.footer .menu > li.has-sub-menu.is-expanded .sub-menu-wrapper.depth-1 {
      opacity: 1;
      pointer-events: all;
      transform: none;
      max-height: var(--max-height, 3000px);
    }
    
    nav.footer .menu > li {
      margin-bottom: 0;
      padding-bottom: calc(var(--row-padding-top) * 1.2);
    }
    
    nav.footer .sub-menu {
      font-size: 16px;
    }
    
    nav.footer .sub-menu li + li {
      margin-top: 0.9em;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  footer.main .row-1,
  footer.main .row-2 {
    margin-bottom: calc(60 * var(--px));
  }
  
  footer.main .row-2,
  footer.main .row-3 {
    padding-top: var(--row-padding-top);
  }
  
  footer.main .row-2,
  footer.main .row-3 {
    border-top: var(--border);
  }
  
  
  
  
  
  
  
  
  
  .middle-footer-row {
    display: flex;
    flex-flow: row nowrap;
    position: relative;
    --gap: 16px;
    --column-width: calc((100% - (var(--gap) * 5)) / 6);
  }
  
  .middle-footer-row > * {
    width: var(--column-width);
    margin-right: var(--gap);
  }
  
  .middle-footer-row > .col-2,
  .middle-footer-row > .col-4 {
    width: calc((((100% - (var(--gap) * 5)) / 6) * 2) + var(--gap));
  }
  
  .middle-footer-row > .col-4 {
    margin-right: 0;
  }
  
  .middle-footer-row .headline {
    color: var(--base-color-white);
    margin-bottom: 1.13636363636363636363em;
  }
  
  .middle-footer-row .wysiwyg {
    line-height: 1.77777777777777777777;
  }
  
  .social-links > a + a {
    margin-left: 31px;
  }
  
  
  @media (max-width: 1300px) {
   
     .middle-footer-row {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       grid-template-rows: repeat(2, 1fr);
       grid-column-gap: 0px;
       grid-row-gap: 0px; 
     }
     
     .middle-footer-row > * {
       width: 100% !important;
       box-sizing: border-box;
     }
     
     .middle-footer-row > .col-1 { grid-area: 1 / 1 / 2 / 2; } 
     .middle-footer-row > .col-2 { grid-area: 2 / 1 / 3 / 2; } 
     .middle-footer-row > .col-3 { grid-area: 1 / 2 / 2 / 3; } 
     .middle-footer-row > .col-4 { grid-area: 2 / 2 / 3 / 3; } 

    
  }
  
  @media (max-width: 700px) {
    
    footer.main .row-1 {
      margin-bottom: 58px;
    }
    
    footer.main .middle-footer-row {
      display: flex;
      flex-flow: column nowrap;
      padding-top: 47px;
      margin-bottom: 58px;
    }
    
    .middle-footer-row .col-2 {
      margin-top: 1em;
    }
    
    .middle-footer-row .col-2 .headline {
      display: none;
    }
    
    .middle-footer-row .col-3 {
      margin-top: 60px;
    }
    
    .middle-footer-row .col-4 {
      margin-top: 31px;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  
  .lower-footer-row {
    display: flex;
    flex-flow: row nowrap;
    position: relative;
    --col-2-width: 60px;
    --copy-gap: 20px;
    align-items: center;
  }

  .lower-footer-row .col-1 {
    width: calc(100% - (var(--col-2-width) / 2));
    display: flex;
    flex-flow: row wrap;
  }
  
  nav.legal .menu {
    display: flex;
    flex-flow: row nowrap;
  }
  
  nav.legal .menu > li {
    margin-left: var(--copy-gap);
  }
  
  .lower-footer-row .col-3 {
    width: calc(100% - (var(--col-2-width) / 2));
    text-align: right;
  }
  
  .lower-footer-row .col-2 {
    width: var(--col-2-width);
    text-align: center;
  }
  
  .lower-footer-row .col-2 svg {
    display: inline-block;
    width: 36px;
    height: auto;
  }
  
  @media (max-width: 1300px) {
    
    .lower-footer-row {
      flex-flow: column nowrap;
    }
    
    .lower-footer-row > * {
      width: 100% !important;
      text-align: center !important;
      justify-content: center;
      margin-bottom: 20px;
    }
    
    .lower-footer-row > .col-2 {
      order: 3;
    }
    
  }
  
  @media (max-width: 700px) {
    
    footer.main .lower-footer-row {
      padding-top: 47px;
    }
    
    .lower-footer-row .col-1 {
      flex-flow: column nowrap;
    }
    
    .lower-footer-row > * { 
      margin-bottom: 30px;
    }
    
    .lower-footer-row .col-2 {
      margin-bottom: 0;
    }
    
    nav.legal .menu {
      margin-top: 10px;
      --copy-gap: 0px;
      flex-flow: column nowrap;
    }
    
    nav.legal .menu > li + li {
      margin-top: 10px;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  .languages-inline-list {
    display: inline-flex;
    flex-flow: row wrap;
    display: none !important; /* FIXME */
  }
  
  .languages-inline-list .languages-list {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .languages-inline-list .languages-list > li {
    margin-left: var(--copy-gap);
  }
  
  .languages-inline-list a.current {
    color: var(--base-color-white);
  }/*
Theme Name: VIVA
Author: SUPERNOVÆ
Author URI: https://www.supernov.ae/
Version: 2023
*/






	















@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {

  * {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important;
  }

  a,
  a:visited {
      text-decoration: underline;
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
      content: "";
  }

  pre,
  blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
  }

  thead {
      display: table-header-group;
  }

  tr,
  img {
      page-break-inside: avoid;
  }

  img {
      max-width: 100% !important;
  }

  @page {
      margin: 1cm;
  }

  p,
  h2,
  h3 {
      orphans: 3;
      widows: 3;
  }

  h2,
  h3 {
      page-break-after: avoid;
  }
  
  .cookie-bar,
  .btn-wp-edit {
    display: none !important;
  }
  
  header.main,
  footer.main {
    display: none;
  }
    
}






  .sn-accordion {
    --icon-size: max(41px, calc(55 * var(--px)));
  }



  .sn-accordion .sn-accordion-description {
    position: relative;
    max-height: 0;
    opacity: 0;
    transform: translateY(-40px);
    overflow: hidden;
    pointer-events: none;
    transition: 500ms var(--ttf-7);
    transition-property: transform, opacity, max-height;
  }
  
  .sn-accordion [data-accordion-state="opened"] .sn-accordion-description {
    max-height: var(--max-height, 2000px);
    opacity: 1;
    transform: none;
    pointer-events: all;
  }
  
  .sn-accordion .sn-accordion-description > div {
    padding-bottom: max(30px, calc(55 * var(--px)));
    max-width: calc(100% - (3 * var(--icon-size)));
  }
  
  
  
  .sn-accordion-list > * {
    border-bottom: 1px solid #d8d9da;
  }
  
  
  
  
  
  .sn-accordion [data-accordion-handle] {
    cursor: pointer;
    user-select: none;
    padding-top: max(15px, calc(30 * var(--px)));
    padding-bottom: max(16px, calc(32 * var(--px)));
    position: relative;
  }
  
  .sn-accordion [data-accordion-handle] button[aria-controls] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  
  .sn-accordion [data-accordion-handle] > div {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  
  .sn-accordion div.icon {
    margin-left: auto;
    width: var(--icon-size);
    height: var(--icon-size);
    position: relative;
    border-radius: 50%;
    border: 2px solid #e7e7e8;
    transition: border-color 500ms var(--ttf-7);
    flex-shrink: 0;
  }
  
  .sn-accordion [data-accordion-state="opened"] div.icon {
    border-color: #bbbdbf;
  }
  
  .sn-accordion div.icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: max(12px, calc(var(--icon-width) * var(--base-unit)));
  }
  
  .sn-accordion div.icon > span {
    transition: opacity 500ms var(--ttf-7);
    opacity: 0;
  }
  
  .sn-accordion [data-accordion-state="closed"] div.icon > span.plus {
    opacity: 1;
  }
  
  .sn-accordion [data-accordion-state="opened"] div.icon > span.minus {
    opacity: 1;
  }
  
  
  
  
  
  @media (max-width: 500px) {
    
    .sn-accordion .sn-accordion-description > div {
      max-width: 100%;
    }
    
  }



  nav.breadcrumb-nav {
    margin-bottom: 21px;
  }
  
  nav.breadcrumb-nav ol {
    display: flex;
    flex-flow: row wrap;
  }
  
  nav.breadcrumb-nav li {
    margin-right: 0.3em;
  }
  
  nav.breadcrumb-nav li:not(:last-child)::after {
    content: '>';
  }
  
  nav.breadcrumb-nav li > span {
    display: inline-block;
    padding-right: 0.3em;
  }
  
  nav.breadcrumb-nav a {
    text-decoration: underline;
  }
  
  @media (hover: hover) {
    nav.breadcrumb-nav a:is(:hover, :focus) {
      text-decoration: none;
    }
  }
  
  
  
  
  body.page-template-cms-template-service nav.breadcrumb-nav li.current,
  body.single-person nav.breadcrumb-nav li.current {
    display: none;
  }
  
  body.page-template-cms-template-service nav.breadcrumb-nav li:nth-last-child(2)::after,
  body.single-person nav.breadcrumb-nav li:nth-last-child(2)::after {
    display: none;
  }


  ul.contact-details > li + li {
    margin-top: max(15px, calc(47 * var(--px)));
  }
  
  ul.contact-details-facility > li + li {
    margin-top: max(15px, calc(25 * var(--px)));
  }
  
  ul.contact-details > li {
    display: flex;
    flex-flow: row nowrap;
  }
  
  ul.contact-details-facility > li {
    align-items: center;
  }
  
  ul.contact-details .icon-wrap {
    width: max(90px, calc(90 * var(--px)));
    flex-shrink: 0;
  }
  
  ul.contact-details-facility .icon-wrap {
    width: max(42px, calc(52 * var(--px)));
  }
  
  ul.contact-details .copy-wrap > span {
    display: block;
  }
  
  ul.contact-details a {
    text-decoration: underline;
  }
  
  @media (hover: hover) {
    ul.contact-details a:is(:hover, :focus) {
      text-decoration: none;
    }
  }
  
  ul.contact-details svg {
    display: block;
    width: max(var(--icon-width-px), calc(var(--icon-width) * var(--px)));
    height: auto;
  }
  
  ul.contact-details-facility svg {
    height: max(27px, calc(27 * var(--px)));
    width: auto;
  }
  
  ul.contact-details.cpy-26 {
    --min-font-size: 1rem;
  }

  :root {
    --module-margin-200: max(120px, calc(200 * var(--px)));
    --module-margin-100: max(60px, calc(100 * var(--px)));
    --module-margin-60: max(50px, calc(60 * var(--px)));
    --sidebar-width: max(250px, calc(414 * var(--px)));
  }
  
  .module.mrgn-200 {
    margin-bottom: var(--module-margin-200);
  }

  .module.mrgn-100 {
    margin-bottom: var(--module-margin-100);
  }
  
  .module.mrgn-60 {
    margin-bottom: var(--module-margin-60);
  }
  
  .module.mrgn-0-if-last:last-child {
    margin-bottom: 0;
  }
  
  .module.pdng-xl .module-inner {
    padding-left: var(--page-padding-left-xl);
    padding-right: var(--page-padding-right-xl);
  }
  
  .module[data-has-sidebar="true"] .module-inner {
    padding-left: 0;
  }
  
  
  
  
  
  
  @media (max-width: 800px) {
    
    .module[data-has-sidebar="true"] {
      margin-left: 0 !important;
    }
    
    .module[data-has-sidebar="true"].pdng-xl .module-inner {
      padding-left: var(--page-padding-left-xl) !important;
    }
    
    .module[data-has-sidebar="true"]:not(.module-slider) .module-inner {
      padding-left: var(--page-padding-left) !important;
    } 
    
  }
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module.pdng-xl[class] .module-inner {
      padding-left: var(--page-padding-left) !important;
      padding-right: var(--page-padding-right) !important;
    }
    
    .module[data-has-sidebar="true"] .module-inner {
      padding-left: 0;
    }
    
  }
  
  




  .person-card {
    text-align: center;
    flex-flow: column nowrap;
    display: flex;
    height: 100%;
  }

  .person-card figure {
    margin-bottom: max(15px, calc(42 * var(--px)));
  }

  .person-card figure > div {
    max-width: max(180px, calc(266 * var(--px)));
    margin: 0 auto;
  }
  
  .person-card figure > div img {
    border-radius: 50%;
  }
  
  .person-card .role {
    margin-top: max(5px, calc(30 * var(--px)));
  }
  
  .person-card .btn-set {
    margin-top: auto;
    padding-top: max(30px, calc(60 * var(--px)));
    margin-bottom: max(20px, calc(42 * var(--px)));
  }
  

  
  
  
  
  
  .person-card .contact-link-box,
  .person-card .contact-details {
    margin-top: calc(42 * var(--px));
  }
  
  .person-card .contact-details {
    margin-bottom: calc(50 * var(--px));
  }
  
  .person-card .contact-link-box .link-box {
    text-align: left;
    width: min-content;
    display: inline-flex;
    flex-flow: column nowrap;
  }
  
  .link-box > li + li {
    margin-top: calc(36 * var(--px));
  }
  
  .link-box a span.label {
    white-space: nowrap;
  }
  
  
  
  
  .person-card .contact-button-list {
    display: inline-flex;
  }












  .person-card[data-layout="small"] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    text-align: left;
    max-width: 930px;
  }
  
  .person-card[data-layout="small"] .row-1 {
    padding-right: calc(56 * var(--px));
    margin-bottom: 0;
    flex-shrink: 0;
  }
  
  .person-card[data-layout="small"] figure > div {
    max-width: max(80px, calc(180 * var(--px)));
  }
  
  .person-card[data-layout="small"] .row-2 {
    flex-shrink: 1;
    width: 100%;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  
  .person-card[data-layout="small"] .row-3 {
    margin-left: auto;
    padding-left: 2em;
    margin-bottom: 0;
    margin-top: 0;
    flex-shrink: 0;
  }
  
  .person-card[data-layout="small"] .role {
    margin-top: calc(20 * var(--px));
  }
  
  .person-card[data-layout="small"] .btn-set {
    padding-top: 0;
    margin-bottom: 0;
  }
  
  @media (max-width: 500px) {
  
    .person-card[data-layout="small"] .btn-contact {
      --size: 61px;
    }
    
    .person-card[data-layout="small"] .cpy-40 {
      --min-font-size: 20px;
    }
    
    .person-card[data-layout="small"] .cpy-26 {
      --min-font-size: 18px;
    }
    
    .person-card[data-layout="small"] .row-3 {
      padding-left: 10px;
      padding-top: 0;
    }
    
  }



  .slider-article {
    max-width: max(440px, calc(674 * var(--px)));
    flex-grow: 1;
    display: flex;
    flex-flow: column nowrap;
    --border-radius: 14px;
  }
  
  .slider-article > div {
    background: var(--base-color-white);
    border-radius: var(--border-radius);
    padding: max(13px, calc(74 * var(--px)));
    padding-bottom: max(43px, calc(110 * var(--px)));
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    position: relative;
  }
  
  .slider-article > div > * {
    position: relative;
    z-index: 2;
  }

  .slider-article figure.row-1 {
    margin-bottom: max(25px, calc(50 * var(--px)));
    margin-top: min(-100px, calc(-130 * var(--px)));
  }
  
  .slider-article figure.row-1 img {
    width: max(200px, calc(260 * var(--px)));
    height: auto;
    display: block;
    border-radius: 50%;
  }
  
  .slider-article .btn-set {
    margin-top: auto;
    padding-top: max(40px, calc(50 * var(--px)));
  }
  
  .slider-article .headline {
    margin-bottom: .65em;
  }
  
  .slider-article .subheadline {
    margin-bottom: 0.45em;
  }
  
  @media (max-width: 500px) {
    
    .slider-article {
      max-width: 85vw;
    }
    
    .slider-article > div {
      padding-top: 25px;
    }
    
    .slider-article figure.row-1 img {
      margin: 0 auto;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  .slider-article.is-highlight {
    color: var(--base-color-white);
  }
  
  .slider-article.is-highlight > div {
    justify-content: center;
  } 
  
  .slider-article.is-highlight .subheadline {
    display: none;
  }
  
  .slider-article.is-highlight figure.large-teaser-image {
    pointer-events: none;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .slider-article.is-highlight figure.large-teaser-image::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.4);
    pointer-events: none;
    z-index: 2;
    border-radius: var(--border-radius);
  }
  
  .slider-article.is-highlight figure.large-teaser-image img {
    display: block;
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    border-radius: var(--border-radius);
  }
  
  .slider-article.is-highlight .btn-set {
    margin-top: 0;
  }
  
  
  
  
  
  
  
  .slider-article .event-flag {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    --size: calc(240 * var(--px));
    width: var(--size);
    height: var(--size);
    border-top-right-radius: var(--border-radius);
    background: transparent linear-gradient(45deg, #E00979 40%, #FCBA00 100%) 0% 0% no-repeat padding-box;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 0%);
  }
  
  .slider-article .event-flag svg {
    display: block;
    width: calc(var(--icon-width) * var(--px));
    height: auto;
    position: absolute;
    --offset: calc(37 * var(--px));
    top: var(--offset);
    right: var(--offset);
  }
  
  .slider-article .event-flag svg path {
    fill: var(--base-color-white);
  }




  .module-accordion .module-wrap {
    max-width: max(830px, calc(1226 * var(--px)));
    margin: 0 auto;
  }

  .module-accordion .row-1 {
    margin-bottom: max(30px, calc(30 * var(--px)));
  }
  


  .module-all-persons .module-body {
    background: var(--base-color-off-white);
  }
  
  .module-all-persons .module-body .module-inner {
    padding-top: calc(100 * var(--px));
    padding-bottom: calc(100 * var(--px));
  }
  
  .all-persons-grid {
    --base-width: 100%;
    --columns: 4;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: calc(72 * var(--px));
    --row-gap: var(--column-gap);
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }
  
  .all-persons-grid > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
  }
  
  li.apg-item.is-hidden {
    display: none;
  }
  
  li.apg-item a {
    display: block;
  }
  
  li.apg-item img {
    border-radius: 14px 14px 0 0;
  }
  
  li.apg-item .row-2 {
    background: var(--base-color-white);
    text-align: center;
    padding: max(6px, calc(36 * var(--px))) max(6px, calc(19 * var(--px))) max(6px, calc(39 * var(--px)));
    border-radius: 0 0 14px 14px;
  }
  
  
  
  
  .module-all-persons .module-header {
    margin-bottom: max(30px, calc(100 * var(--px)));
  }
  
  
  
  
  
  @media (max-width: 1200px) {
    
    .all-persons-grid {
      --columns: 3;
    }
    
  }
  
  
  
  @media (max-width: 700px) {
    
    .all-persons-grid {
      --columns: 2;
    }
    
  }
  
  
  
  @media (max-width: 500px) {
    
    .module-all-persons .module-body .module-inner {
      padding: var(--page-padding-left);
    }
    
    li.apg-item .name > span {
      display: block;
      text-align: center;
    }
    
    .module-all-persons .styled-search {
      width: 100%;
    }
    
    .module-all-persons .styled-search input {
      max-width: 100%;
      width: 100%;
    }
    
  }








  .module-article-header .col-set {
    display: flex;
    flex-flow: row nowrap;
    max-width: max(900px, calc(1380 * var(--px)));
    margin: 0 auto;
    margin-top: max(30px, calc(90 * var(--px)));
  }
  
  .module-article-header .col-1 .headline {
    margin-bottom: .25em;
  }
  
  .module-article-header .col-1 .subheadline {
    margin-bottom: .86956521739130434782em;
  }
  
  .module-article-header .col-2 {
    margin-left: auto;
  }
  
  .share-box .headline {
    margin-bottom: .33333333333333333333em;
  }
  
  .share-box .cpy-26 {
    margin-bottom: 1.53846153846153846153em;
  }
  
  .share-box-list {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .share-box-list > li + li {
    margin-left: calc(20 * var(--px));
  }
  
  .share-box-list a {
    display: block;
    --size: max(83px, calc(83 * var(--px)));
    width: var(--size);
    height: var(--size);
    box-sizing: border-box;
    border: 1px solid var(--base-color-gray);
    position: relative;
    border-radius: 50%;
  }
  
  .share-box-list a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: max(var(--icon-width-px), calc(var(--icon-width) * var(--px)));
    height: auto;
  }
  
  
  
  
  
  
  @media (max-width: 700px) {
    
    .module-article-header .col-set {
      flex-flow: column nowrap;
    }
    
    .module-article-header .col-2 {
      width: 100%;
      margin-left: 0;
      margin-top: 40px;
    }
    
  }
  
  
  
  
  @media (max-width: 500px) {
  
    .share-box-list {
      justify-content: space-between;
    }
    
    .share-box .cpy-26 {
      margin-bottom: 20px;
    }
    
  }
  



  .module-author-info {
    margin-top: var(--module-margin-200);
  }

  .module-author-info .module-header {
    margin-bottom: calc(52 * var(--px));
    text-align: center;
  }


  .module-contact-person .module-wrap {
    max-width: max(1000px, calc(1364 * var(--px)));
    margin: 0 auto;
  }
  
  .module-contact-person .module-wrap > .col-set {
    display: flex;
    flex-flow: row nowrap;
    position: relative;
  }
  
  .module-contact-person .module-wrap > .col-set::after {
    content: '';
    display: block;
    position: absolute;
    top: calc(-45 * var(--px));
    bottom: calc(-45 * var(--px));
    width: 4px;
    background: #b2b3b6;
    opacity: 0.2;
    left: max(430px, calc(613 * var(--px)));
  }
  
  .module-contact-person .person-col {
    width: max(392px, calc(536 * var(--px)));
  }
  
  .module-contact-person .contact-form-col {
    width: max(493px, calc(674 * var(--px)));
    margin-left: auto;
  }
  
  
  
  
  
  .module-contact-person .contact-form-col .headline {
    margin-bottom: 1.375em;
  }
  
  
  
  
  @media (max-width: 1150px) {
    
    .module-contact-person .module-wrap > .col-set::after {
      display: none;
    }
    
  }
  
  
  
  
  @media (max-width: 900px) {
    
    .module-contact-person .module-wrap > .col-set {
      flex-flow: column nowrap;
    }
    
    .module-contact-person .module-wrap .person-col {
      width: 100%;
      margin: 0;
    }
    
    .module-contact-person .module-wrap .contact-form-col {
      width: 100%;
      margin: 0;
      margin-top: 60px;
    }
    
    .module-contact-person .contact-form-col .headline {
      text-align: center;
    }
    
  }


  .module-contact-persons .module-wrap {
    max-width: max(1000px, calc(1364 * var(--px)));
    margin: 0 auto;
  }

  



  .contact-persons-grid {
    --base-width: 100%;
    --columns: 2;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: var(--page-padding-left);
    --row-gap: var(--column-gap);
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
  }
  
  .module-contact-persons[data-layout="small"] .contact-persons-grid {
    --columns: 1;
    --column-gap: 0px;
    --row-gap: max(50px, calc(60 * var(--px)));
  }
  
  .contact-persons-grid > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
  }
  
  
  
  
  @media (max-width: 700px) {
    
    .contact-persons-grid {
      --columns: 1;
      --column-gap: 0px;
      --row-gap: 60px;
    }
    
  }


  .module-copy .module-wrap {
    max-width: max(730px, calc(950 * var(--px)));
  }
  
  .wysiwyg blockquote,
  .wysiwyg .quote-style {
    padding: 0.25em 0;
    padding-left: 1.69230769230769230769em;
    position: relative;
    font-family: var(--base-font-1-bold);
  }
  
  .wysiwyg blockquote::before,
  .wysiwyg .quote-style::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .34615384615384615384em;
    border-radius: 20px;
    background: transparent linear-gradient(180deg, #E00979 0%, #FCBA00 100%) 0% 0% no-repeat padding-box;
  }
  
  .module-copy .cpy-26 {
    --min-font-size: 1.125rem;
  }
  
  
  
  
  



  .module-copy .read-more {
    max-height: 0px;
    overflow: hidden;
    transform: translateY(-40px);
    opacity: 0;
    pointer-events: none;
    transition: 1s var(--ttf-7);
    transition-property: transform, max-height, opacity;
    background: #fafafa;
    box-shadow: 0 0 0 100vw #fafafa;
    clip-path: inset(0 -100vw);
  }
  
  .module-copy.is-expanded .read-more {
    max-height: var(--max-height, 50000px);
    opacity: 1;
    transform: none;
    pointer-events: all;
  }
  
  .module-copy .read-more .wysiwyg {
    padding-block: max(30px, calc(70 * var(--px)));
  }
  
  
  
  
  
  
  
  
  .module-copy.is-expanded .read-less {
    margin-bottom: 30px;
  }
  
  .module-copy .read-less {
    transition: margin-bottom 1s var(--ttf-7);
  }



  .module-departments .module-header {
    padding-inline: var(--page-padding-left);
    text-align: center;
  }
  
  .module-departments .module-header .headline {
    margin-bottom: .71666666666666666666em;
  }
  
  .module-departments .departments-section > .headline {
    padding-left: var(--page-padding-left-width-sidebar);
    margin-bottom: calc(170 * var(--px));
  }
  
  .module-departments .departments-section + .departments-section {
    margin-top: calc(230 * var(--px));
  }
  
  .module-departments .departments-section-body {
    padding-left: var(--page-padding-left-s);
    padding-right: var(--page-padding-right-s);
  }
  
  .people-grid {
    --base-width: 100%;
    --columns: 3;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: var(--page-padding-right-s);
    --row-gap: var(--column-gap);
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }
  
  .people-grid > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
  }
  
  
  
  
  
  @media (max-width: 900px) {
    
    .people-grid {
      --columns: 2;
    }
    
  }
  
  
  
  
  @media (max-width: 600px) {
    
    .people-grid {
      --columns: 1;
    }
    
    .module-departments .module-header,
    .module-departments .departments-section > .headline {
      padding-right: var(--page-padding-left);
    }
    
  }





  .module-donation {
    color: var(--base-color-white);
    /*background: transparent linear-gradient(90deg, #E00979 0%, #FCBA00 100%) 0% 0% no-repeat padding-box;*/
  }
  
  .module-donation .module-wrap {
    padding-top: calc(110 * var(--px));
    padding-bottom: calc(110 * var(--px));
    max-width: max(500px, calc(900 * var(--px)));
    margin: 0 auto;
  }
  
  .module-donation[data-has-sidebar="true"] {
    margin-left: calc((var(--sidebar-width) + var(--page-padding-left)) * -1);
  }
  
  .module-donation[data-has-sidebar="true"] .module-inner {
    padding-left: calc(var(--sidebar-width) + var(--page-padding-left));
  }
  
  .module-donation iframe {
    border-radius: 24px;
  }



  .module-download-teaser figure.col-1 > div {
    aspect-ratio: 1 / 1;
    position: relative;
    background: url(/content/themes/viva/imgs/bg-gradient.jpg?x15710) no-repeat center center / cover;
    border-radius: 14px;
  }

  .module-download-teaser figure.col-1 span[aria-hidden] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .module-download-teaser figure.col-1 svg {
    width: calc(var(--icon-width) * var(--px));
    height: auto;
    display: block;
  }

  .module-download-teaser figure.col-1 svg path {
    fill: var(--base-color-white);
  }


  .module-facility-list {
    background: var(--base-color-off-white);
    padding-top: calc(120 * var(--px));
    padding-bottom: calc(140 * var(--px));
  }
  
  .module-facility-list .module-header {
    margin-bottom: calc(140 * var(--px));
    padding-left: calc(140 * var(--px));
  }
  
  .facility-list > li + li {
    margin-top: 20px;
  }
  
  article.facility-list-teaser {
    background: var(--base-color-white);
    border-radius: 14px;
    border: 1px solid var(--base-color-gray);
    padding: calc(110 * var(--px)) calc(120 * var(--px)) calc(110 * var(--px)) calc(140 * var(--px));
  }
  
  article.facility-list-teaser .col-set {
    display: flex;
    flex-flow: row nowrap;
  }
  
  article.facility-list-teaser .col-1 {
    width: calc(812 * var(--px));
    margin-right: auto;
  }
  
  article.facility-list-teaser .col-1 .headline {
    margin-bottom: .9em;
  }

  article.facility-list-teaser .btn-set {
    margin-top: max(32px, calc(45 * var(--px)));
  }
  
  article.facility-list-teaser .col-2 {
    padding-top: max(26px, calc(48 * var(--px)));
  }
  
  
  
  
  @media (max-width: 750px) {
    
    article.facility-list-teaser .col-set {
      flex-flow: column nowrap;
    }
    
    article.facility-list-teaser .col-1 {
      width: 100%;
    }
    
    article.facility-list-teaser .col-2 {
      width: 100%;
    }
    
  }
  
  
  
  @media (max-width: 500px) {
    
    article.facility-list-teaser {
      padding: 30px 17px 44px;
    }
    
    .module-facility-list {
      padding-top: 40px;
      padding-bottom: 40px;
    }
    
    .module-facility-list .module-header {
      margin-bottom: 40px;
      padding-left: 0;
    }
    
  } 
 
 
  .module-form div.headline.cpy-40 {
    margin-bottom: 1em;
  }
  
  .module-form div.headline.cpy-40:not(:first-child) {
    margin-top: 3em;
  }



  .module-hero {
    position: relative;
    color: var(--base-color-white);
    --min-height: 0px;
    min-height: var(--min-height);
  }
  
  .module-hero[data-type="home"] {
    --min-height: 100vh;
    border-radius: 0;
  }
  
  .module-hero[data-type="organization"],
  .module-hero[data-type="standard"],
  .module-hero[data-type="facility"],
  .module-hero[data-type="service"] {
    --min-height: max(600px, calc(800 * var(--px)));
  }
  
  .module-hero[data-type="facility"] {
    --min-height: max(300px, calc(800 * var(--px)));
  }
  
  body.view-search .module-hero {
    --min-height: max(300px, calc(800 * var(--px)));
  }
  
  .module-hero .background {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
  }
  
  .module-hero[data-type="facility"] .background {
    height: var(--min-height);
    bottom: auto;
  }
  
  .module-hero .background::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: var(--base-color-black);
    opacity: 0.1;
  }
  
  .module-hero .background img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
  }
  
  .module-hero.has-no-background-image.has-color-scheme .background img {
    filter: grayscale(1);
  }
  
  .module-hero.has-no-background-image.has-color-scheme .background::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: var(--page-color-scheme);
    mix-blend-mode: soft-light;
  }
  
  .module-hero .module-inner {
    padding-top: max(200px, calc(390 * var(--px)));
    min-height: var(--min-height);
    display: flex;
    flex-flow: column nowrap;
    box-sizing: border-box;
  }
  
  .module-hero[data-type="facility"] .module-inner {
    padding-top: max(200px, calc(541 * var(--px)));
  }
  
  
  .module-hero[data-type="magazine"] .module-inner {
    padding-top: max(200px, calc(278 * var(--px)));
  }
  
  .module-hero[data-type="home"] .module-inner {
    padding-bottom: calc(90 * var(--px));
  }
  
  .module-hero .module-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
  }
  
  .module-hero .copy-wrap {
    max-width: max(730px, calc(1114 * var(--px)));
  }
  
  .module-hero .wysiwyg {
    margin-top: max(23px, calc(30 * var(--px)));
    max-width: max(730px, calc(950 * var(--px)));
  }
  
  
  @media (max-width: 750px) {
    
    .module-hero .background {
      border-radius: 0;
    }
    
  }
  
  
  @media (max-width: 500px) {
    
    .module-hero .copy-wrap .headline,
    .module-hero .wysiwyg {
      text-align: center;
    }
    
    .module-hero nav.breadcrumb-nav {
      display: none;
    }
    
    body.view-search .module-hero,
    body.single-person .module-hero {
      --min-height: 80px;
    }
    
    body.single-person .module-hero .copy-wrap {
      padding-bottom: 50px;
    }
    
    body.view-search .module-hero .headline {
      display: none;
    }
    
  }

  
  
  
  
  
  
  
  
  
  .module-hero .subpages-nav {
    margin-top: auto;
    padding-top: max(80px, calc(80 * var(--px)));
    padding-bottom: max(30px, calc(32 * var(--px)));
    white-space: nowrap;
  }
  
  .module-hero[data-type="magazine"] .subpages-nav {
    padding-top: 0;
  }
  
  .module-hero .subpages-nav ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
  
  .module-hero .subpages-nav li {
    margin: 0 12px;
  }
  
  .module-hero .subpages-nav .dropdown {
    display: none;
  }
  
  .module-hero .subpages-nav .dropdown span[aria-hidden] {
    display: block;
  }
  
  
  @media (max-width: 1200px) {
    
    .module-hero .subpages-nav ul {
      display: none;
    }
    
    .module-hero .subpages-nav .dropdown {
      display: block;
    }
    
    .module-hero .subpages-nav svg {
      width: 12px;
      height: auto;
      display: block;
    }
    
    .module-hero .subpages-nav svg path {
      fill: var(--base-color-white);
    }
    
  }
  
  @media (max-width: 500px) {
    
    .module-hero .subpages-nav .styled-select,
    .module-hero .subpages-nav .styled-select select {
      width: 100%;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .facility-hero-header .col-set {
    display: flex;
    flex-flow: row nowrap;
    color: var(--base-color-black);
  }
  
  .facility-hero-header .col-1 {
    flex-shrink: 0;
    width: calc(1011 * var(--px));
    box-sizing: border-box;
    background: var(--base-color-white);
    border-radius: 14px;
    padding: 
      calc(95 * var(--px))
      calc(60 * var(--px))
      calc(95 * var(--px))
      calc(138 * var(--px));
  }
  
  .facility-hero-header .col-2 {
    width: auto;
    margin-left: calc(93 * var(--px));
    padding-top: max(115px, calc(300 * var(--px)));
  }
  
  .facility-hero-header .headline {
    margin-bottom: 0;
    hyphens: auto;
  }
  
  .facility-hero-header .contact-details {
    margin-top: max(39px, calc(58 * var(--px)));
  }
  
  
  
  
  
  
  
  
  
  .module-copy-after-hero {
    position: relative;
    z-index: 2;
  }
  
  .module-copy-after-hero .col-set {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .module-copy-after-hero .copy-col {
    width: calc(950 * var(--px));
    margin-right: auto;
  }
  
  body.view-section-landingpage .module-copy-after-hero .copy-col {
    width: max(510px, calc(674 * var(--px)));
  }
  
  .module-copy-after-hero .downloads-col {
    width: calc(534 * var(--px));
  }
  
  body.view-section-landingpage .module-copy-after-hero .languages-col {
    width: calc(536 * var(--px));
  }
  
  .module-copy-after-hero .module-inner {
    padding-left: var(--page-padding-left-xl);
  }
  
  .module-copy-after-hero .link-box .lnk-b[data-icon="download-bw"] svg path {
    fill: var(--page-color-scheme, var(--base-color-black));
  }
  
  .module-copy-after-hero .headline {
    margin-bottom: 1em;
  }
  
  .module-copy-after-hero .downloads-box {
    background: var(--base-color-white);
    padding: calc(65 * var(--px));
    padding-top: calc(85 * var(--px));
    border-radius: 14px;
    margin-top: calc(-180 * var(--px));
    position: sticky;
    top: 280px;
  }
  
  @media (max-width: 900px) {
    
    body.view-service .module-copy-after-hero .module-inner {
      padding-right: var(--page-padding-left-xl);
    }
    
    body.view-service .module-copy-after-hero .col-set {
      flex-flow: column nowrap;
    }
    
    body.view-service .module-copy-after-hero .copy-col {
      width: 100%;
    }
    
    .module-copy-after-hero .downloads-col {
      width: 100%;
    }
    
    .module-copy-after-hero .downloads-box {
      margin-top: 50px;
      padding: 0;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  .module-copy-after-hero .languages-box .svg-wrap {
    display: block;
  }
  
  .module-copy-after-hero .languages-box .icon svg {
    width: calc(122 * var(--px));
    height: auto;
    display: block;
  }
  
  .module-copy-after-hero .languages-box .icon > div {
    margin-top: 1.06666666666666666666em;
    color: #606167;
  }
  
  .module-copy-after-hero .languages-box .welcome {
    margin-top: 1.5em;
    margin-bottom: 1.75em;
  }
  
  
  
  
  
  
  
  @media (max-width: 1100px) {
    
    body.view-section-landingpage .module-copy-after-hero .languages-col {
      display: none;
    }

  }
  
  
  
  
  
  @media (max-width: 700px) {
    
    .facility-hero-header .col-set {
      flex-flow: column nowrap;
    }
    
    .facility-hero-header .col-1 {
      width: auto;
      margin-left: calc(var(--page-padding-left) * -1);
      margin-right: calc(var(--page-padding-left) * -1);
      padding: var(--page-padding-left);
      padding-top: 57px;
    }
    
    .facility-hero-header .col-2 {
      width: 100%;
      padding-top: 0;
      margin-left: 0;
      margin-top: 24px;
    }
    
    .module-hero[data-type="facility"] {
      --min-height: 530px;
    }
    
    .module-hero[data-type="facility"] .module-inner {
      padding-top: 500px;
    }
    
  }



  .module-highlighted-copy-block {
    color: var(--base-color-white);
  }

  .module-highlighted-copy-block[data-layout="wide"] {
    background: transparent linear-gradient(90deg, #E00979 0%, #FCBA00 100%) 0% 0% no-repeat padding-box;
  }
  
  .module-highlighted-copy-block[data-layout="narrow"] .module-wrap {
    background: transparent linear-gradient(90deg, #E00979 0%, #FCBA00 100%) 0% 0% no-repeat padding-box;
    border-radius: 14px;
  }
  
  .module-highlighted-copy-block .module-wrap {
    padding-top: max(60px, calc(110 * var(--px)));
    padding-bottom: max(60px, calc(110 * var(--px)));
  }
  
  .module-highlighted-copy-block[data-has-sidebar="true"][data-layout="wide"] {
    margin-left: calc((var(--sidebar-width) + var(--page-padding-left)) * -1);
  }
  
  .module-highlighted-copy-block[data-has-sidebar="true"][data-layout="wide"] .module-inner {
    padding-left: calc(var(--sidebar-width) + var(--page-padding-left));
  }
  
  .module-highlighted-copy-block .wysiwyg {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  
  .module-highlighted-copy-block[data-layout="wide"] .wysiwyg {
    max-width: max(675px, calc(675 * var(--px)));
  }
  
  .module-highlighted-copy-block[data-layout="narrow"] .wysiwyg {
    max-width: max(675px, calc(950 * var(--px)));
    margin: 0 auto;
    text-align: center;
    padding: 0 var(--page-padding-left-s);
  }
  
  .module-highlighted-copy-block[data-layout="narrow"] .btn-set {
    text-align: center;
  }
  
  .module-highlighted-copy-block .wysiwyg .headline:not(:first-child) {
    margin-top: 3.5em;
  }
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-highlighted-copy-block[data-has-sidebar="true"][data-layout="narrow"]:nth-child(n) .module-inner {
      padding-inline: 0 !important;
    }
    
    .module-highlighted-copy-block[data-has-sidebar="true"][data-layout="narrow"]:nth-child(n) .module-wrap {
      border-radius: 0;
    }
    
    .module-highlighted-copy-block[data-layout="narrow"] .wysiwyg,
    .module-highlighted-copy-block[data-layout="narrow"] .btn-set {
      padding-inline: var(--page-padding-left);
    }
    
  }




  .module-hours .module-wrap {
    max-width: max(830px, calc(1226 * var(--px)));
    margin: 0 auto;
  }

  .module-hours .row-1 {
    margin-bottom: max(30px, calc(30 * var(--px)));
  }
  
  .hours-table :is(th, td) {
    font-weight: normal;
    vertical-align: top;
    text-align: left;
  }
  
  .hours-table th,
  .hours-table td:not(:last-child) {
    padding-right: 2em;
  }
  
  .hours-table a {
    text-decoration: underline;
  }
  
  .hours-table + .copy {
    margin-top: max(30px, calc(30 * var(--px)));
  }
  
  @media (hover: hover) {
    .hours-table a:is(:hover, :focus) {
      text-decoration: none;
    }
  }
  
  .hours-table td.time {
    white-space: nowrap;
  }
  
  .module-hours .sn-accordion .sn-accordion-description > div {
    max-width: 100%;
  }
  
  
  
  
  @media (max-width: 700px) {
    
    .hours-table {
      width: 100%;
    }
    
    .hours-table tr {
      display: flex;
      flex-flow: column nowrap;
      width: 100%;
    }
    
    .hours-table tr + tr {
      margin-top: 0.5em;
    }
    
    .hours-table tr > * {
      display: block;
      width: 100%;
      box-sizing: border-box;
    }
    
    .hours-table tr th.day {
      box-sizing: border-box;
    }
    
    .hours-table tr td.note {
      width: 100%;
      font-size: 16px;
      box-sizing: border-box;
    }
    
  }


  .module-image[data-has-sidebar="true"] {
    margin-left: calc((var(--sidebar-width) + var(--page-padding-left)) * -1);
  }

  .module-image[data-has-sidebar="true"] .module-inner {
    padding-left: calc(var(--sidebar-width) + var(--page-padding-left));
  }
  
  .module-image img {
    border-radius: 14px;
  }
  
  .module-image .row-1 + .row-2,
  .module-image .row-2 + .row-3,
  .module-image-slider .row-1 + .row-2,
  .module-image-slider .row-2 + .row-3 {
    margin-top: max(20px, calc(64 * var(--px)));
  }
  
  .module-image-slider .row-2 + .row-3 {
    margin-top: max(60px, calc(108 * var(--px)));
  }
  
  .module-image .row-3 .wysiwyg,
  .module-image-slider .row-3 .wysiwyg {
    max-width: max(730px, calc(950 * var(--px)));
  }
  




  .module-image-copy-teaser {
    background: var(--base-color-off-white);
  }
  
  .module-image-copy-teaser[data-has-sidebar="true"] {
    margin-left: calc((var(--sidebar-width) + var(--page-padding-left)) * -1);
  }
  
  .module-image-copy-teaser .module-inner {
    padding-top: max(40px, calc(160 * var(--px)));
    padding-bottom: calc(260 * var(--px));
  }
  
  .module-image-copy-teaser.has-no-pdng-bottom .module-inner {
    padding-bottom: calc(60 * var(--px));
  }
  
  .module-image-copy-teaser[data-has-sidebar="true"] .module-inner {
    padding-left: calc(var(--sidebar-width) + var(--page-padding-left));
    padding-right: var(--page-padding-right-s);
  }
  
  
  
  
  
  
  .module-image-copy-teaser .intro-copy {
    margin-left: calc(var(--page-padding-left) * -1);
    margin-right: calc(var(--page-padding-left) * -1);
    padding: 0 calc(var(--page-padding-left-xl));
    margin-bottom: max(40px, calc(100 * var(--px)));
  }
  
  .module-image-copy-teaser[data-has-sidebar="true"] .intro-copy {
    padding: 0;
  }
  
  .module-image-copy-teaser .intro-copy .wysiwyg {
    max-width: max(730px, calc(1286 * var(--px)));
    margin: 0 auto;
  }
  
  .module-image-copy-teaser .intro-copy p {
    max-width: max(730px, calc(1093 * var(--px)));
  }
  
  
  
  



  .module-image-copy-teaser .col-set {
    margin: 0 auto;
    max-width: max(700px, calc(1286 * var(--px)));
    display: flex;
    flex-flow: row nowrap;
  }
  
  .module-image-copy-teaser[data-layout="copy|image"] .col-set {
    flex-flow: row-reverse nowrap;
  }
  
  .module-image-copy-teaser[data-has-sidebar="true"] .col-set {
    margin: 0;
  }
  
  .module-image-copy-teaser figure.col-1 {
    width: calc(536 / 1286 * 100%);
    margin-right: auto;
    position: relative;
    z-index: 3;
  }
  
  .module-image-copy-teaser figure.col-1 img {
    border-radius: 14px;
  }
  
  .module-image-copy-teaser .col-2 {
    position: relative;
    width: calc(673 / 1286 * 100%);
    padding-top: calc(145 * var(--px));
    padding-right: var(--padding-x);
    box-sizing: border-box;
    --padding-x: calc(63 * var(--px));
    --offset-x: calc(-415 * var(--px));
  }
  
  .module-image-copy-teaser[data-layout="copy|image"] .col-2 {
    padding-left: var(--padding-x);
  }
  
  .module-image-copy-teaser .col-2::after {
    content: '';
    display: block;
    position: absolute;
    top: calc(66 * var(--px));
    right: 0;
    bottom: calc(-100 * var(--px));
    left: var(--offset-x);
    background: var(--base-color-white);
    z-index: 1;
    border-radius: 14px;
  }
  
  .module-image-copy-teaser[data-layout="copy|image"] .col-2::after {
    left: 0;
    right: var(--offset-x);
  }
  
  .module-image-copy-teaser .col-2 > div {
    position: relative;
    z-index: 2;
  }
  
  .module-image-copy-teaser .btn-set {
    max-width: max(400px, calc(400 * var(--px)));
  }
  
  
  
  
  @media (max-width: 800px) {
    
    .module-image-copy-teaser figure.col-1 {
      width: 30%;
    }
    
    .module-image-copy-teaser .col-2 {
      width: 66%;
    }
    
  }
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-image-copy-teaser[class] .col-set {
      flex-flow: column nowrap;
      background: var(--base-color-white);
      border-radius: 14px;
      padding: 30px 13px 40px;
    }
    
    .module-image-copy-teaser figure.col-1 {
      width: 100%
    }
    
    .module-image-copy-teaser .col-2 {
      width: 100%;
      --padding-x: 0;
    }
    
    .module-image-copy-teaser .col-2::after {
      display: none;
    }
    
    
    
  }




  .module-image-slider {
    --slide-gap: 0px;
    --slide-padding-left: 0px;
    --slide-padding-right: 0px;
  }
  
  .module-image-slider img {
    height: calc(684 * var(--px));
    object-fit: cover;
    width: 100%;
    border-radius: 14px;
  }
  
  .module-image-slider.has-sticky-magazine-articles img {
    min-height: 500px;
  }
  
  .module-image-slider figure {
    position: relative;
  }
  
  .module-image-slider figcaption {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,0.3);
    color: var(--base-color-white);
    text-align: center;
    border-radius: 14px;
  }
  
  .module-image-slider.has-sticky-magazine-articles figcaption {
    background: transparent;
  }
  
  .module-image-slider.has-sticky-magazine-articles figure::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.3);
    z-index: 2;
    pointer-events: none;
    border-radius: 14px;
  }
  
  .module-image-slider figcaption > div {
    max-width: calc(950 * var(--px));
  }
  
  .module-image-slider figcaption .headline {
    margin-bottom: .31666666666666666666em;
  }
  
  
  
  
  
  .module-image-slider[data-has-sidebar="false"] .row-1,
  .module-image-slider[data-has-sidebar="false"] .row-3 {
    margin-left: calc(var(--page-padding-left) * -1);
    margin-right: calc(var(--page-padding-left) * -1);
    padding: 0 var(--page-padding-left-xl);
  }
  
  
  
  
  @media (max-width: 700px) {
    
    .module-image-slider.has-sticky-magazine-articles figcaption > div {
      max-width: calc(100% - 50px);
    }
    
    .module-image-slider.has-no-sticky-magazine-articles figcaption {
      display: none;
    }
    
  }
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-image-slider {
      --slide-gap: var(--page-padding-left);
    }
    
    .module-image-slider[data-has-sidebar="true"]:nth-child(n) .module-inner {
      padding-inline: 0 !important;
    }
  
    .module-image-slider .splide__list {
      transform: none !important;
    }
    
    .module-image-slider .splide {
      overflow: hidden;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
    }
    
    .module-image-slider .splide__track {
      overflow: visible;
      width: max-content;
    }
    
    .module-image-slider .splide__slide {
      scroll-snap-align: start;
      width: auto !important;
    }
    
    .module-image-slider {
      max-width: calc(100vw - var(--scrollbar-width));
    }
    
    .module-image-slider img {
      height: auto;
      aspect-ratio: 4 / 3 !important;
      width: calc(100vw - var(--scrollbar-width) - (var(--page-padding-left) * 2));
    }
    
  }



  .module-jobs {
    background: var(--base-color-off-white);
    padding-top: max(var(--page-padding-left), calc(50 * var(--px)));
    padding-bottom: max(var(--page-padding-left), calc(100 * var(--px)));
    text-align: center;
  }
  
  .module-jobs .module-header {
    margin-bottom: max(30px, calc(50 * var(--px)));
  }
  
  .module-jobs .module-body {
    padding: calc(50 * var(--px));
    background: var(--base-color-white);
  }
  
  .module-jobs iframe {
    width: 100%;
    display: block;
    min-height: max(400px, calc(600 * var(--px)));
  }
  
  
  
  
  @media (max-width: 500px) {

    .module-jobs iframe {
      min-height: max(400px, 50vh);
    }
    
  }



  .module-large-gradient-teaser {
    color: var(--base-color-white);
    background: transparent linear-gradient(90deg, #E00979 0%, #FCBA00 100%) 0% 0% no-repeat padding-box;
  }
  
  .module-large-gradient-teaser .module-wrap {
    max-width: max(580px, calc(950 * var(--px)));
  }
  
  .module-large-gradient-teaser .module-inner {
    padding-top: max(60px, calc(110 * var(--px)));
    padding-bottom: max(60px, calc(110 * var(--px)));
  }
  
  .module-large-gradient-teaser .headline {
    margin-bottom: .31666666666666666666em;
  }
  
  .module-large-gradient-teaser .btn-set {
    margin-top: max(30px, calc(48 * var(--px)));
  }
  
  .module-large-gradient-teaser .wysiwyg > .headline + * {
    margin-top: 0;
  }




  .module-logo-wall {
    background: var(--base-color-off-white);
  }
  
  .module-logo-wall .module-inner {
    padding-top: calc(105 * var(--px));
    padding-bottom: calc(105 * var(--px));
    padding-left: var(--page-padding-left-xl);
  }

  .logo-wall-grid {
    --base-width: 100%;
    --columns: 4;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: calc(59 * var(--px));
    --row-gap: var(--column-gap);
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }

  .logo-wall-grid > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
  }
  
  
  
  
  @media (max-width: 800px) {
    
    .logo-wall-grid {
      --columns: 3;
    }
    
  }
  
  
  
  
  @media (max-width: 500px) {
    
    .logo-wall-grid {
      --columns: 2;
    }
    
    .module-logo-wall .module-inner {
      padding: var(--page-padding-left);
    }
      
    
  }


  .magazine-list {
    --base-width: 100%;
    --columns: 2;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: 16px;
    --row-gap: max(50px, calc(100 * var(--px)));
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }

  .magazine-list > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
    display: flex;
    flex-flow: column nowrap;
  }
  
  .magazine-list .slider-article {
    max-width: none;
  }
  
  
  nav.pagination {
    margin-top: max(50px, calc(100 * var(--px)));
  }
  
  nav.pagination .col-prev,
  nav.pagination .col-pages {
    display: none;
  }
  
  
  
  
  
  @media (max-width: 700px) {
    
    .magazine-list {
      --columns: 1;
    }
    
    .magazine-list .slider-article figure.row-1 {
      margin-top: -50px;
    }
    
  }





  .module-map:is([data-layout="all"], [data-layout="multiple"]) .module-inner {
    padding-left: 0;
    padding-right: 0;
  }


  .sn-map {
    position: relative;
  }
  
  .sn-map-leaflet {
    position: relative;
    width: 100%;
    height: max(600px, calc(1000 * var(--px)));
    max-height: 100vh;
  }
  
  .leaflet-container {
    background: var(--base-color-white);
  }
  
  .leaflet-pane {
    z-index: 4;
  }
  
  .leaflet-tile-pane {
    filter: grayscale(1);
    opacity: 0.5;
  }
  
  .leaflet-control-attribution svg.leaflet-attribution-flag {
    display: none !important;
  }
  
  
  
  
  
  .sn-map-details {
    position: absolute;
    right: calc(140 * var(--px));
    top: calc(57 * var(--px));
    bottom: calc(57 * var(--px));
    width: max(350px, calc(674 * var(--px)));
    pointer-events: none;
    z-index: 5;
  }
  
  .sn-map-detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0.9);
    pointer-events: none;
    transition: 500ms var(--ttf-7);
    transition-property: transform, opacity;
    background: var(--base-color-white);
    border-radius: 14px;
    box-sizing: border-box;
    overflow: auto;
  }
  
  .sn-map-detail.is-shown {
    opacity: 1;
    transform: none;
    pointer-events: all;
    z-index: 50;
  }
  
  .sn-map-detail > .inner {
    padding: max(28px, calc(80 * var(--px))) max(34px, calc(70 * var(--px)));
  }
  
  .sn-map-detail .row-1 {
    margin-bottom: calc(70 * var(--px));
  }
  
  
  
  
  
  
  
  
  @media (max-width: 700px) {
    
    .module-map[data-layout] .module-inner {
      padding-left: 0;
      padding-right: 0;
    }
    
    .sn-map-details {
      position: relative;
      top: -14px;
      left: auto;
      right: auto;
      border-radius: 14px;
      background: var(--base-color-white);
      width: 100%;
    }
    
    .sn-map-detail {
      position: static;
      display: none;
    }
    
    .sn-map-detail.is-shown {
      display: block;
    }
    
    .leaflet-bottom {
      bottom: 20px;
    }
    
  }
  
  
  
  
  @media (max-width: 500px) {
    
    .sn-map-leaflet {
      height: max(300px, 80vw);
    }
    
    .leaflet-container .leaflet-marker-pane img {
      max-width: 24px !important;
      max-height: 34px !important;
      margin-left: -12px !important;
      margin-top: -34px !important;
    }
    
  }
  
  
  


  .module-newsletter .module-inner {
    padding-top: var(--module-margin-100);
    padding-bottom: var(--module-margin-100);
  }
  
  .module-newsletter .module-wrap {
    max-width: max(400px, calc(536 * var(--px)));
    margin: 0 auto;
  }
  
  .module-newsletter .row-1 {
    text-align: center;
  }
  
  .module-newsletter .headline + .intro-copy {
    margin-top: max(20px, calc(36 * var(--px)));
  }
  
  .module-newsletter .row-1 + .row-2 {
    margin-top: max(20px, calc(36 * var(--px)));
  }
  
  .module-newsletter .form-list > li.submit {
    text-align: center;
  }



  .module-person-details .col-set {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .module-person-details .col-1 {
    width: calc(536 * var(--px));
    flex-shrink: 0;
  }
  
  .module-person-details.has-no-bio-copy .col-1 {
    margin: 0 auto;
  }
  
  .module-person-details .col-2 {
    width: calc(800 * var(--px));
    margin: 0 auto; 
    padding-top: calc(160 * var(--px));
  }
  
  .module-person-details figure {
    margin-bottom: max(30px, calc(120 * var(--px)));
  }
  
  .module-person-details figure img {
    border-radius: 50%;
    display: block;
  }
  
  .module-person-details .contact-card .header {
    margin-bottom: max(30px, calc(57 * var(--px)));
  }
  
  .module-person-details.has-no-bio-copy .contact-card .header {
    display: none;
  }
  
  .module-person-details ul.contact-details .icon-wrap {
    width: max(60px, calc(90 * var(--px)));
  }
  
  
  
  @media (max-width: 1000px) {
    
    .module-person-details .col-set {
      flex-flow: column nowrap;
      max-width: 400px;
      margin: 0 auto;
    }
    
    .module-person-details .col-1 {
      width: 100%;
    }
    
    .module-person-details .col-2 {
      width: 100%;
    }
    
  }
  
  
  @media (max-width: 500px) {
    
    .module-person-details figure {
      text-align: center;
    }
    
    .module-person-details figure img {
      width: 238px;
      display: inline-block;
    }
    
  }


  


  .module-services-list {
    background: var(--base-color-off-white);
    padding-top: max(40px, calc(120 * var(--px)));
    padding-bottom: calc(140 * var(--px));
  }
  
  .module-services-list .module-header {
    margin-bottom: max(40px, calc(120 * var(--px)));
  }
  
  .services-list {
    --base-width: 100%;
    --columns: 2;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: 16px;
    --row-gap: var(--column-gap);
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }
  
  .services-list > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
    display: flex;
    flex-flow: column nowrap;
  }
  
  article.services-list-teaser {
    background: var(--base-color-white);
    border-radius: 14px;
    padding: calc(80 * var(--px)) calc(64 * var(--px)) calc(100 * var(--px)) calc(74 * var(--px));
  }
  
  .services-list article.services-list-teaser {
    flex-grow: 1;
  }
  
  article.services-list-teaser .headline {
    margin-bottom: .9em;
  }

  article.services-list-teaser .btn-set {
    margin-top: max(30px, calc(45 * var(--px)));
  }
  
  article.services-list-teaser .excerpt strong {
    font-weight: normal;
    font-family: var(--base-font-1-bold);
  }
  
  
  
  
  
  
  @media (max-width: 1000px) {
    
    .services-list {
      --columns: 1;
    }
    
  }
  
  
  
  @media (max-width: 500px) {
    
    article.services-list-teaser {
      padding: 19px 13px 40px;
    }
    
  }



  .sidebar-wrap {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .sidebar-content {
    flex-grow: 1;
  }
  
  .sidebar-aside {
    width: var(--sidebar-width);
    padding-left: var(--page-padding-left);
    padding-bottom: var(--module-margin-100);
    flex-shrink: 0;
  }
  
  .sidebar-aside .aside-inner {
    position: sticky;
    top: 280px;
    z-index: 10;
  }
  
  nav.sidebar-nav {
    padding: 
      max(30px, calc(40 * var(--px))) 
      max(30px, calc(40 * var(--px))) 
      max(36px, calc(50 * var(--px)))
      max(30px, calc(55 * var(--px)));
    color: #b2b3b6;
    background: var(--base-color-white);
    border-radius: 14px;
    box-sizing: border-box;
    max-width: calc(100% - 50px);
  }
  
  nav.sidebar-nav li + li {
    margin-top: 1.25em;
  }
  
  nav.sidebar-nav a {
    transition: color 150ms;
  }
  
  nav.sidebar-nav li.current a {
    color: var(--base-color-black);
  }
  
  @media (hover: hover) {
    nav.sidebar-nav a:is(:hover) {
      color: var(--base-color-black);
    }
  }

  
  
  
  
  
  @media (max-width: 1100px) {
    
    .sidebar-aside {
      padding-left: 0;
    }
    
    :root {
      --page-padding-left-width-sidebar: var(--sidebar-width);
    }
    
  }
  
  
  
  
  
  @media (max-width: 800px) {
    
    :root {
      --sidebar-width: 0px;
      --page-padding-left-width-sidebar: var(--page-padding-left);
    }
    
    .sidebar-aside {
      display: none;
    }
    
  }






  .module-slider {
    --slide-gap: 16px;
    --slide-padding-left: var(--page-padding-left);
    --slide-padding-right: var(--page-padding-right);
  }
  
  .module-slider[data-has-sidebar="true"] {
    --slide-padding-left: var(--page-padding-left-width-sidebar);
  }


  .module-slider .module-header {
    margin-bottom: max(20px, calc(52 * var(--px)));
  }
  
  .module-slider[data-has-sidebar="false"] .module-header {
    text-align: center;
    padding-left: var(--page-padding-left);
    padding-right: var(--page-padding-right);
  }

  .module-slider .module-body {
    position: relative;
  }
  
  .module-slider .module-body > .background {
    display: block;
    position: absolute;
    inset: 0;
    z-index: -1;
    
  }
  
  .module-slider .module-body > .background::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: transparent linear-gradient(90deg, #E00979 0%, #FCBA00 100%) 0% 0% no-repeat padding-box;
  }
  
  .module-slider.has-color-scheme .module-body > .background::before {
    filter: grayscale(1);
  }
  
  .module-slider.has-color-scheme .module-body > .background::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: var(--page-color-scheme);
    mix-blend-mode: soft-light;
  }

  .module-slider[data-has-sidebar="true"] .module-body {
    margin-left: calc((var(--sidebar-width) + var(--page-padding-left)) * -1);
    max-width: calc(100vw - var(--scrollbar-width, 0px));
  }
  
  .module-slider .slider-article {
    padding-top: max(100px, calc(100 * var(--px)));
    padding-bottom: max(90px, calc(100 * var(--px)));
  }
  
  
  @media (max-width: 1100px) {
    
    .module-slider[data-has-sidebar="true"] {
      --slide-padding-left: var(--sidebar-width);
    }
    
    .module-slider[data-has-sidebar="true"] .module-body {
      margin-left: calc(var(--sidebar-width) * -1);
    }
    
  }
  
  @media (max-width: 800px) {
    
    .module-slider[data-has-sidebar="true"] {
      --slide-padding-left: var(--page-padding-left);
    }
    
    .module-slider .module-header { 
      padding-left: var(--page-padding-left);
    }
    
  }

  @media (max-width: 500px) {
    
    .module-slider .slider-article {
      padding-bottom: 40px;
    }
    
  }






  .module-slider .splide__slide,
  .module-image-slider .splide__slide {
    display: flex;
    flex-flow: column nowrap;
  }
  
  .slider-nav {
    position: relative;
    height: 0;
  }

  .slider-nav-col-set {
    display: flex;
    flex-flow: row nowrap;
    border-radius: 100px;
    padding: calc(30 * var(--px));
    background: var(--base-color-white);
    width: min-content;
    margin: 0 auto;
    position: relative;
    transform: translateY(-50%);
  }
  
  .slider-nav-col-set .slider-nav-button {
    flex-shrink: 0;
  }
  
  .slider-nav-col-set .slider-nav-button button {
    --size: max(64px, calc(70 * var(--px)));
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    position: relative;
    background: var(--base-color-darker-gray);
    display: block;
  }
  
  .slider-nav-col-set .slider-nav-button button svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(25px, calc(var(--icon-width) * var(--px)));
    height: auto;
  }
  
  .slider-nav-col-set .slider-nav-pages {
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    padding: 0 calc(30 * var(--px));
    align-items: center;
  }
  
  .slider-nav-col-set .slider-nav-pages > div {
    padding: 0 10px;
  }
  
  .slider-nav-col-set .slider-nav-pages button {
    --size: 8px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: var(--base-color-gray);
    transition: background 150ms;
    cursor: default;
    pointer-events: none;
  }
  
  .slider-nav-col-set .slider-nav-pages button.current {
    background: var(--base-color-dark-gray);
  }
  
  
  @media (max-width: 500px) {
    
    .slider-nav-col-set {
      display: none;
    }
    
    .module-slider .splide__list {
      transform: none !important;
    }
    
    .module-slider .splide {
      overflow: auto;
      scroll-snap-type: x mandatory;
    }
    
    .module-slider .splide__track {
      overflow: visible;
      width: max-content;
    }
    
    .module-slider .splide__slide {
      scroll-snap-align: center;
    }
    
    .module-image-slider .row-2 + .row-3 {
      margin-top: 20px;
    }
    
  }



  .three-col-icons-grid {
    --base-width: 100%;
    --columns: 3;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: calc(114 * var(--px));
    --row-gap: max(50px, var(--column-gap));
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }

  .three-col-icons-grid > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
  }
  
  
  
  
  .three-col-icons-grid > li {
    text-align: center;
  }
  
  .three-col-icons-grid figure {
    margin-bottom: max(20px, calc(45 * var(--px)));
    height: max(80px, calc(124 * var(--px)));
    display: flex;
    flex-flow: column nowrap;
  }
  
  .three-col-icons-grid figure span {
    margin-top: auto;
  }
  
  .three-col-icons-grid figure img {
    width: max(100px, calc(140 * var(--px)));
  }
  
  .three-col-icons-grid .headline {
    margin-bottom: 1.42307692307692307692em;
  }
  
  
  
  
  
  .module-three-col-icons {
    overflow: clip;
  }
  
  .module-three-col-icons .row-1 {
    margin-bottom: max(50px, calc(160 * var(--px)));
  }
  
  
  
  
  
  @media (max-width: 900px) {
    
    .three-col-icons-grid {
      --columns: 2;
      justify-content: space-around;
    }
    
  }
  
  
  
  
  
  @media (max-width: 600px) {
    
    .three-col-icons-grid {
      --columns: 1;
    }
    
  }

  .sn-plyr {
    --plyr-color-main: #fff;
    --plyr-video-control-background-hover: rgba(255,255,255,0.3);
    position: relative;
  }
  
  .sn-plyr .plyr__control--overlaid {
    background: rgba(255,255,255,0.3) !important;
    --plyr-control-icon-size: 52px;
    --plyr-control-spacing: 30px;
  }
  
  .sn-plyr .plyr__poster {
    background-size: cover;
  }
  
  .module-video {
    --border-radius: 14px;
  }

  .module-video video {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  
  .module-video .module-wrap {
    max-width: max(730px, calc(1088 * var(--px)));
    margin: 0 auto;
    border-radius: var(--border-radius);
    overflow: hidden;
  }
  
  .module-video[data-has-sidebar="true"] .module-wrap {
    margin: 0;
  }
  
  .module-video[data-size="full-width"] {
    --border-radius: 0;
  }
  
  .module-video[data-size="full-width"] .module-wrap {
    max-width: none;
  }
  
  .module-video .external-video-url {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
  }