@font-face{font-family:SegoeUIvf;src:url(vendor/mwf-moray-v2.20.1/fonts/segoeui-vf-display.woff2) format("woff2");font-weight:400}
@font-face{font-family:SegoeUIvf;src:url(vendor/mwf-moray-v2.20.1/fonts/segoeui-vf-display-semibold.woff2) format("woff2");font-weight:600}

#meControl { display: none !important }
#uhf-shopping-cart, #searchForm { display: none !important }
#uhf-footer { margin-top: 0; }

/* Localization */
#main-content:not([class^="lng-"]) [lng]:not([lng="de"]) {display:none;}

@media (min-width: 860px) {
    .row-cols-md-2 > *.col-span-2, .row-cols-lg-2 > *.col-span-2 {flex: 0 0 100%;max-width: 100%;}
} 

@media (min-width: 1084px) {
    .row-cols-lg-4 > *.col-span-2 {flex: 0 0 50%;max-width: 50%;}
}

/* Actual MS Colors */
.bg-light-green {background-color:#cbee88!important;}
.bg-mid-blue {background-color:#8dc8e8!important;}
.bg-light-blur {background-color:#fff;background-image:linear-gradient(90deg, rgba(212, 236, 142, .15) 0%, rgba(106, 215, 130, .15) 49.99%, rgba(88, 171, 226, .15) 100%);}
.bg-dark-blue {background-color:#2a446f!important;}

/* Body Grid Layout */
#page-including-header-and-footer {display:grid; grid-template-columns:1fr; grid-template-rows:auto 1fr auto; grid-template-areas:'headerContent' 'mainContent' 'footerContent';height:100vh;width:100vw;}
#headerArea {grid-area: headerContent;}
#main-content {grid-area: mainContent;}
#footerArea {grid-area: footerContent;}

/* Fixed display with MS header and minimal footer */
#headerArea.uhf {width:100%;}
#headerArea.uhf .c-uhfh>div>div {max-width:calc(50vw + 900px);}
#uhf-footer {width:100%;background:#fff;padding:4px 5% 2px;}
#uhf-footer>nav {display:none;}
#uhf-footer>.c-uhff-base {max-width:calc(50vw + 900px);background:#fff;margin:0 auto;padding:0;}

/* Slide Container */
.s-slide-body {display:grid;height:100%;position:absolute;width:100%;top:0;left:0;grid-template-areas:'content';grid-template-columns:100%;}
.s-grid {display:grid;grid-area:content;grid-template-areas:'content'; height:100%;overflow:hidden;width:100%;grid-template-columns:100%;grid-template-rows:100%;}
.s-grid-slide {height:100%;width:100%;}
.s-grid-slide-content {display:none;grid-template-areas:'left-start left left-end right-start right right-end';grid-template-columns:1fr 35vw 1fr 1fr 45vw 1fr;grid-template-rows:1fr; height:100%;}
.s-grid-slide-content.fifty {display:none;grid-template-areas:'left-start left left-end right-start right right-end';grid-template-columns:1fr 45vw 1fr 1fr 35vw 1fr;grid-template-rows:1fr; height:100%;}
.s-stage-panel {align-self:center;grid-area:left;justify-self:start;text-align:left;}
.s-half-panel {align-self:center;grid-area:left;justify-self:start;text-align:left;}
.s-half-panel:last-of-type {align-self:center;grid-area:right;justify-self:center;}
.s-media-panel {align-self:center;grid-area:right;justify-self:center;display:grid;height:100%;position:relative;}
.s-fullscreen .s-media-panel { grid-area: left-start / left-start / right-end / right-end; }
.s-full-panel {align-self:center;grid-area:left / left / right / right;justify-self:center;position:relative;}
.s-full-panel.s-top {align-self:self-start;margin-top:2.5vh;}
.s-media-bg {z-index:-1;position:absolute;width:100%;height:100%;opacity:.5}
.s-grid-slide-wrapper {height:100%;width:100%;grid-area:content;}
.s-grid-overflow {height:35vh;overflow-y:auto;}
.s-grid-overflow-full {height:42vh;overflow-y:auto;}
/*@media (orientation: portrait) or (max-width: 1400px) {
	.s-grid-slide-content {grid-template-areas:'right-start right right-end' 'left-start left left-end';}
}*/

/* Media Panel */
.s-grid-slide:not(.s-fullscreen) .s-media-panel>div {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.s-grid-slide:not(.s-fullscreen) .s-media-panel>div:not(.enabled) {pointer-events:none;}
.s-grid-slide:not(.s-fullscreen) .s-media-panel>div .tab-group .glyph-small::before {vertical-align:inherit;}
.s-grid-slide .s-media-panel>div.s-video {width:100%;}
.s-grid-slide:not(.collapse.show).slide-1-1 .video-controls {display:none;}

.s-grid-slide .s-media-panel .tab-panel-group {aspect-ratio:4/3;overflow:hidden;margin-top:2rem;}
.s-grid-slide .s-media-panel .tab-panel-group .tab-panel, .s-grid-slide .s-media-panel .tab-panel-group .tab-panel section {height:100%;}

.s-grid-slide:not(.s-fullscreen) .s-media-panel>div.s-video {transform:translate(100vh,-100vh);transition:transform .4s ease-in-out .6s;}
.s-grid-slide:not(.s-fullscreen).collapse.show .s-media-panel>div.s-video /*, .s-grid-slide .s-media-panel.s-fullscreen>div.s-video*/  {transform:translate(-50%,-50%);}

.s-grid-slide.s-fullscreen .s-media-panel>div.s-video {position:absolute;top:0;left:0;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;} /*transform:translate(-72.5vw,-50%);width:100vw;transition:transform .4s linear .6s, width .4s linear .6s;*/
.s-grid-slide.s-fullscreen .s-media-panel>div.s-video video {display:flex;width:auto;height:95%;align-self:center;}
@media (max-aspect-ratio: 9/6) {
    .s-grid-slide.s-fullscreen .s-media-panel>div.s-video video {width:95%;height:auto;}
}
.s-grid-slide.s-fullscreen .s-media-panel>div.s-video video.bg-video {object-fit:cover;width:100%;height:100%;clip-path: inset(1px 1px);}

.s-grid-slide .s-media-panel>div.s-feat01 {transform:translate(100vh,100vh);transition:transform .4s ease-in-out .8s;width:35%;}
.s-grid-slide.collapse.show .s-media-panel>div.s-feat01 {transform:translate(20%,-125%);}

.s-grid-slide .s-media-panel>div.s-feat02 {transform:translate(-100vh,100vh);transition:transform .4s ease-in-out .4s;width:75%;}
.s-grid-slide.collapse.show .s-media-panel>div.s-feat02 {transform:translate(-80%,5%);}

.s-grid-slide.s-fullscreen .video-controls {position:absolute;left:50%;bottom:5%;transform:translateX(-50%);opacity:0;pointer-events:none;transition:opacity .2s ease-in-out 0s;}
.s-grid-slide.s-fullscreen:hover .video-controls {opacity:1;pointer-events:auto}
.s-grid-slide-wrapper:has(>.s-fullscreen.collapse.show video:not(.bg-video)) ~ .s-grid-slide-nav, .s-grid-slide-wrapper:has(>.slide-1.collapse.show) ~ .s-grid-slide-nav, .s-grid-slide-wrapper:has(>.s-fullscreen.collapsing video:not(.bg-video)) ~ .s-grid-slide-nav, .s-grid-slide-wrapper:has(>.slide-1.collapsing) ~ .s-grid-slide-nav {opacity:0;}

.s-grid-slide .video-controls button {border:none;background:transparent;padding:6px 12px 0;}
.s-grid-slide .video-controls .link-group {min-height:0;}
.s-grid-slide.s-fullscreen .video-controls:hover {background:rgba(255,255,255,.8)!important;}

/*@media (min-width:1728px) {
    .s-grid-slide.collapse.show .s-media-panel.s-fullscreen>div.s-video {position:fixed;transform:translate(-50%,-50%);}
}*/

/* Text Formatting */
.s-grid, .s-grid .btn, .s-modal {font-family:SegoeUIvf,sans-serif;position:relative;font-size:max(16px,min(1.1458333333vw,22px));}
.s-grid {font-weight:400;}
.s-grid button span.slide-cta {font-size:max(17px,min(1.25vw,24px));font-weight:400;padding-bottom:2px;}
.s-grid h2 {font-size:max(32px,min(3.125vw,60px));font-weight:400;}
.s-spot-icon {font-size:3em;}
.s-grid .btn.btn-primary:not(:hover) {--deg:-45deg;background:linear-gradient(var(--deg), #0067b8 20%,#0078d4,#49c5b1 40%,#49c5b1 60%,#0078d4, #0067b8 80%);background-size:600%;animation:flash 14s linear 0s infinite;}

@property --deg {
    syntax: '<angle>';
    inherits: false;
    initial-value: -45deg;
}

@keyframes flash {
    0% {background-position:0% 50%;--deg:-45deg;}
    100% {background-position:100% 50%;--deg:-135deg;}
}

.s-stage-panel em, .s-full-panel em, .s-half-panel em {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg,#2a446f,#c03BC4 33%,#0078d4);
    background-image: linear-gradient(90deg,#7209d4,#2832d4 33%,#00a5b2);
    background-image: linear-gradient(90deg,#0078d4,#49c5b1 33%,#07641d);
    color: transparent;
    display: inline;
    font-style: normal !important;
    font-weight: inherit !important;
}

/* Slides Animation */
.s-grid-slide.collapse, .s-grid-slide.collapse:not(.show) {transition:none;display:block;opacity:0;pointer-events:none;min-height:100%!important;}
.s-grid-slide.collapsing {transition:opacity .4s; transform:none; }
/*.s-grid-slide.s-fullscreen.collapsing {transition:none;}*/
.s-grid-slide.collapse.show {opacity:1;pointer-events:auto;transition:opacity 1s;}

.s-grid-slide.collapse .s-grid-slide-content.bg-blur:before, .s-grid-slide.collapsing .s-grid-slide-content.bg-blur:before {content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;backdrop-filter:blur(10px);background:linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,.6) 20%, rgba(255,255,255,.6) 80%, rgba(255,255,255,1) 100%);opacity:0;transition:opacity 1s;}
.s-grid-slide.collapse.show .s-grid-slide-content.bg-blur:before {opacity:1;}
.s-grid-slide.s-fullscreen.collapse.show .s-video video:not(.bg-video) {border-radius:1vw;outline:.15vw solid #fff;box-shadow:0px 0px 1vw rgba(0,0,0,.2);}

.s-grid-slide.collapsing .s-grid-slide-content, .s-grid-slide.collapse.show .s-grid-slide-content {display:grid;}

.s-grid-slide .s-stage-panel {transition:transform ease-out .4s;z-index:2;}
.s-grid-slide.collapsing .s-stage-panel {transform:translateX(-50vw);}

/* Slides Navigation */
.s-grid-slide-nav {position:absolute;width:100%;left:50%;bottom:10%;transform:translateX(-50%);padding:0 5%;pointer-events:none;opacity:1;transition:opacity .4s; z-index:99;}
.s-grid-slide-nav .link-group {max-width:calc(50vw + 900px);margin:0 auto;}
.s-grid-slide-nav button {padding:0 0 4px 0!important;margin-right:3rem!important;border:0;border-bottom:3px solid transparent;transform:translateY(0);transition:all .4s;pointer-events:auto;}
.s-grid-slide-nav button:hover {text-decoration:none;}
.s-grid-slide-nav button span.slide-cta {font-weight:600!important;}

.s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-1"].show) ~ .s-grid-slide-nav .nav-1 ~ *, .s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-1"].collapsing) ~ .s-grid-slide-nav .nav-1 ~ *,
.s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-2"].show) ~ .s-grid-slide-nav .nav-2 ~ *, .s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-2"].collapsing) ~ .s-grid-slide-nav .nav-2 ~ *,
.s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-3"].show) ~ .s-grid-slide-nav .nav-3 ~ *, .s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-3"].collapsing) ~ .s-grid-slide-nav .nav-3 ~ *,
.s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-4"].show) ~ .s-grid-slide-nav .nav-4 ~ *, .s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-4"].collapsing) ~ .s-grid-slide-nav .nav-4 ~ *,
.s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-5"].show) ~ .s-grid-slide-nav .nav-3 ~ *, .s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-5"].collapsing) ~ .s-grid-slide-nav .nav-3 ~ * {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-1rem);
    border-bottom: 3px solid transparent;
}

.s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-1"].show) ~ .s-grid-slide-nav .nav-1, .s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-1"].collapsing) ~ .s-grid-slide-nav .nav-1,
.s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-2"].show) ~ .s-grid-slide-nav .nav-2, .s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-2"].collapsing) ~ .s-grid-slide-nav .nav-2,
.s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-3"].show) ~ .s-grid-slide-nav .nav-3, .s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-3"].collapsing) ~ .s-grid-slide-nav .nav-3,
.s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-4"].show) ~ .s-grid-slide-nav .nav-4, .s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-4"].collapsing) ~ .s-grid-slide-nav .nav-4,
.s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-5"].show) ~ .s-grid-slide-nav .nav-3, .s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-5"].collapsing) ~ .s-grid-slide-nav .nav-3,
.s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-6"].show) ~ .s-grid-slide-nav .nav-6, .s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-6"].collapsing) ~ .s-grid-slide-nav .nav-6 {
    pointer-events: none;
    border-bottom: 3px solid #000;
}

.s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-1"].show) ~ .s-grid-slide-nav .nav-1, .s-grid-slide-wrapper:has(>[class^="s-grid-slide slide-1"].collapsing) ~ .s-grid-slide-nav .nav-1 {
    border-bottom: 3px solid #000;
}


/* Mobile */
@media (orientation:portait) or (max-width:1380px) {
    .s-slide-body, .s-grid, .s-grid-slide, .s-grid-slide-content, .s-grid-slide-content>*:not(script) {display:block!important;}
    .s-slide-body {position:unset!important;max-width:100vw;height:100%;}
    .s-grid-slide-content>*, .s-grid-slide:not(.s-fullscreen) .s-media-panel>div {position:relative!important;margin-top:0!important;transform:none!important;top:0;left:0;}
    .s-grid-slide {padding:5%;}
    .s-grid-slide .s-media-panel {padding-top:10%;}
    .s-grid-slide .s-media-panel .tab-panel-group {aspect-ratio:unset;overflow:auto;}
    .s-grid-slide-wrapper:not(:first-of-type) {display:none!important;}
    .s-grid-slide-wrapper:first-of-type {position:absolute;}
    .s-grid-slide-wrapper:first-of-type .s-grid-slide {padding:0;}
    .s-grid-slide-wrapper:first-of-type .s-grid-slide .s-grid-slide-content {height:100%;}
    .s-grid-slide-wrapper:has(.s-grid-slide.collapse.show) {display:block!important}
    /*.s-grid-slide-wrapper:not(:first-of-type) .s-grid-slide-content {height:auto;position:absolute;width:90%;left:5%;top:50%;transform:translateY(-50%);}*/
    .s-grid-slide-nav {position:relative;transform:none;left:0;padding-bottom:5%;}
    .s-grid-slide.collapse .s-grid-slide-content.bg-blur:before, .s-grid-slide.collapsing .s-grid-slide-content.bg-blur:before {display:none;}
    .s-grid-slide.s-fullscreen .video-controls {opacity:1;pointer-events:auto;}
    .eqheight {height:auto!important;}
    .s-grid-overflow, .s-grid-overflow-full {height:auto;overflow:hidden;}
}