/* ==========================================================================
    styles.css - File for gerneral styling

    1.  Gereral Settings
    2.  Images & LazyLoading
    3.  Headlines
    4.  Overwrites uiKit 3 
    5.  Navigation
    5.1 TopBar
    6.  Subnavigation
    7.  General section settings for all kind of sections and layouts
    7.1     Hero-section
    7.2     Content-section 
    7.3     Grid-section
    7.4     Slider-section
    7.5     Listing-section / Person-section
    7.6     Text Section
    7.7     Gallery Section
    7.8     Tab-Section
    7.9     iFrame-Section
    7.10    FlexGrid Section
    7.11    MultiColumn Section
    7.12    Blog Section
    7.13    List Section
    7.14    Instagram Section
    8.  Footer
    9.  CoockieBanner
    10. FIXES & Hacks

   ========================================================================== */

/* ==========================================================================
    1. General Settings
   ========================================================================== */

html {
    font-weight: 400;
    font-size: 16px;
    color: rgb(20, 20, 20);
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

em {
    color: inherit;
}

p:last-child,
ul:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

iframe {
    width: 100%;
}

video {
    object-fit: fill;
    width: 100%;
}

header:not(.hero-layout-f),
aside,
#navbar {
    position: relative;
    z-index: 1;
}


/* Initialize variables
   ========================================================================== */
:root {
    --paddingSize: 15px;
    --paddingLarge: 20px;
}
@media only screen and (min-width: 640px) {
    :root {
        --paddingSize: 30px;
        --paddingLarge: 40px;
    }
} 
@media only screen and (min-width: 960px) {
    :root {
        --paddingSize: 40px;
        --paddingLarge: 40px;
    }
}
@media only screen and (min-width: 1200px) {
    :root {
        --paddingLarge: 70px;
    }
}



/* Helper Classes
   ========================================================================== */

/* Inline List */

ul.inline-list,
ul.uk-flex,
ol.uk-flex {
    padding: 0;
    margin: 0;
}

ul.inline-list>li {
    list-style: none;
    display: inline-block;
    padding-left: 0;
    padding-right: 0.675rem;
    margin: 0 !important;
}
ul.inline-list>li:first-child {
    padding-left: 0 !important;
}

ul.inline-list.divider > li {
    padding: 0.125rem 1rem;
    position: relative;
}
ul.inline-list.divider > li:nth-child(1n+2):before {
    content:'';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 75%;
    background-color: currentColor;
    transform:translateY(-50%);
}
@media only screen and (max-width:639px) {
    div.uk-text-center ul.inline-list.divider > li:nth-child(1n+2):before {
        display: none;
    }
}

ul.uk-flex>li {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.uk-flex-center>li {
    padding: 0.5rem;
}

/* VD Link */

.vd-link {
    display: inline-block;
}

.vd-link .inline-svg,
.vd-link .uk-icon {
    margin-right: 0.25rem;
    line-height: inherit;
    vertical-align: baseline;
}

.uk-list.sameHeight {
    width: fit-content;
    position: relative;
}
.uk-list.sameHeight a {
    width: 100%;
    text-align: center;
}

/* VD padding */

.vd-padding-top-small {
    padding-top: 10px;
}

.vd-padding-top-normal {
    padding-top: 20px;
}

.vd-padding-top-medium {
    padding-top: 40px;
}

.vd-padding-top-large {
    padding-top: 70px;
}

.vd-padding-top-xlarge {
    padding-top: 70px;
}

.vd-padding-bottom-small {
    padding-bottom: 10px;
}

.vd-padding-bottom-normal {
    padding-bottom: 20px;
}

.vd-padding-bottom-medium {
    padding-bottom: 40px;
}

.vd-padding-bottom-large {
    padding-bottom: 70px;
}

.vd-padding-bottom-xlarge {
    padding-bottom: 70px;
}

@media (max-width: 639px) {
    .vd-padding-top-medium {
        padding-top: 15px;
    }
    .vd-padding-top-large {
        padding-top: 30px;
    }
    .vd-padding-top-xlarge {
        padding-top: 50px;
    }
    .vd-padding-bottom-medium {
        padding-bottom: 15px;
    }
    .vd-padding-bottom-large {
        padding-bottom: 30px;
    }
    .vd-padding-bottom-xlarge {
        padding-bottom: 50px;
    }
}

@media only screen and (min-width:960px) {
    .vd-padding-top-xlarge {
        padding-top: 120px;
    }
    .vd-padding-bottom-xlarge {
        padding-bottom: 120px;
    }
} 

.vp-small,
.uk-container-expand.vp-small {
    padding-left: 3px;
    padding-right: 3px;
}
.vp-medium,
.uk-container-expand.vp-medium {
    padding-left: 5px;
    padding-right: 5px;
}
.vp-large,
.uk-container-expand.vp-large {
    padding-left: 10px;
    padding-right: 10px;
}
.vp-xl,
.uk-container-expand.vp-xl {
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (min-width:1200px) {
    .vp-small,
    .uk-container-expand.vp-small {
        padding-left: 5px;
        padding-right: 5px;
    }
    .vp-medium,
    .uk-container-expand.vp-medium {
        padding-left: 30px;
        padding-right: 30px;
    }
    .vp-large,
    .uk-container-expand.vp-large {
        padding-left: 70px;
        padding-right: 70px;
    }
    .vp-xl,
    .uk-container-expand.vp-xl {
        padding-left: 100px;
        padding-right: 100px;
    }
    
} 

/* VD Line */

.vd-line {
    content: '';
    position: absolute;
    height: 2px;
    width: 20px;
    margin-left: 3px;
}

.circle {
    border-radius: 50%;
    width: 110px;
    height: 110px;
}

/* Link Content */
   
.link-content {
    position: relative;
    /*overflow: hidden;*/
}

.link-content *, 
.link-content img, 
.link-content .headline-svg , 
.link-content svg path {
    transition: all 0.5s ease;
}
.link-content:focus-within .headline-svg,
.link-content:focus-within .uk-inline-clip {
    outline: 2px solid;
    outline-offset: 6px;
}

.link-content a {
    opacity: 0;
}


/* Edith Link */

section {
    position: relative;
    z-index: 1;
}

.edith {
	position: absolute;
	z-index: 1000;
	bottom: 2rem;
	right: 2rem;
	background-color: rgba(255,255,255,0.25);
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
    transition: all 0.125s;
}

.edith .uk-icon {
    opacity: 0.25;
    transform: scale(1);
    transition: all 0.125s;
}
.edith:hover {
    background-color: rgba(255,255,255,0.75);
}
.edith:hover .uk-icon {
    opacity: 1;
    transform: scale(1.5);
}


.bg-clip-contentbox {
    background-clip: content-box !important;
}

.noaction {
    cursor: default;
}

/* MediaQueries for #1
   ========================================================================== */

@media only screen and (max-width:639px) {
    html {
        font-size: 13px;
    }
}


/* ==========================================================================
    2. Images & LazyLoading
   ========================================================================== */

.sliderbox {
    width: 100%;
}

img.coverImage:not([src]),
.sliderbox img:not([src]),
.mediabox img:not([src]) {
    visibility: inherit;
}

figure.mediabox {
    display:block;
    width: 100%;
    position: relative;
    height:0;
    margin: 0;
}

.mediabox-img.ls-blur-up-is-loading,
.mediabox-img.lazyload:not([src]) {
    visibility: hidden;
}

.ls-blur-up-img,
.mediabox-img,
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    /* only if you want to change the blur-up option from always to auto or want to use blur up effect without a lowsrc image. 
	font-family: "blur-up: auto", "object-fit: cover";
	object-fit: cover;*/
}

.mediabox.expand {
    overflow: hidden;
}

.sliderbox img {
    transition: opacity 300ms;
}

.sliderbox img.lazyloading {
    opacity: 0;
}
.sliderbox img.lazyloaded {
    opacity: 1;
}

.ls-blur-up-img,
.sliderbox img.ls-blur-up-img {
    filter: blur(20px);
    opacity: 1;
    transition: opacity 300ms, filter 100ms;
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.sliderbox img.ls-blur-up-img.ls-original-loaded,
.ls-blur-up-img.ls-original-loaded,
.ls-blur-up-img.ls-inview.ls-original-loaded {
    opacity: 0;
    filter: blur(0px);

}
/* Overlay for images
   ========================================================================== */
.overlay {
    z-index: 1;
    opacity: 0.5;
}
   @supports (mix-blend-mode: overlay) {
    .overlay {
        opacity: 1;
    }
}

/* Figcaption
   ========================================================================== */

figcaption {
	font-size: 0.75rem;
	z-index: 10;
	position: absolute;
	padding: 0.5rem 0.5rem 0.5rem 1rem;
	background: rgba(255,255,255,0.675);
	bottom: 0;
	right: 0;
	text-align: right;
    line-height: 1;
    font-style: italic;
    color: #000;
}

/* Cover Images / Videos
   ========================================================================== */
.aspect-cover > video,
.aspect-cover > .youtubeWrapper, 
img.coverImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/* ==========================================================================
    3. Headlines
   ========================================================================== */

.hero .headline, 
.hero .subheadline, 
.hero span.headline, 
.hero span.subheadline,
.subheadline {
    display: block;
    margin-top: 0 !important;
}

@media only screen and (min-width:960px) {
    .subheadline:not(.uk-margin-remove-bottom), 
    .subheadline:not(.uk-margin-small-bottom) {
    }
} 
.combined_headline {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.hLine {
    display: inline-block;
    width: 150px;
    height: 1px;
    max-width: 80vw;
    margin: 1rem 0;
}

.subheadline {
    margin-top: 0.75rem !important;
}


/* ==========================================================================
    4. uiKit 3 - Overwrites
   ========================================================================== */

h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge {
    line-height: 1.5;
    display: block;
    color: inherit;
    margin-bottom: 0;
}

.uk-hr, hr {
    border-top: 1px solid #E5E5E5;
}

.uk-text-small {
    font-size: 0.875rem;
}

.uk-text-large {
    font-size: 1.25rem;
}

.uk-inline-clip {
    width: 100%;
}

svg:not(:root) {
    max-width: 100%;
    max-height: 100%;
    width: inherit;
}

.uk-container-expand {
    padding-left: 0;
    padding-right: 0;
}
div:not(.uk-container.uk-container-expand) .uk-container-expand > .uk-grid,
div:not(.uk-container.uk-container-expand) .uk-container-expand > .uk-grid > *,
div:not(.uk-container.uk-container-expand) .uk-container-expand .content-item {
    padding: 0;
    margin: 0;
}
@media only screen and (min-width:1440px) {
    .uk-container-item-padding-remove-right {
        margin-right: calc(var(--paddingSize) * -1) !important;
        width: calc(100% + var(--paddingSize)) !important;
    }
} 

.uk-overlay {
    padding: 10px 10px;
}

.uk-grid-small {
    margin-left: -5px;
}

.uk-grid+.uk-grid-small, .uk-grid-small>.uk-grid-margin, *+.uk-grid-margin-small {
    margin-top: 5px;
}

.uk-grid-small>* {
    padding-left: 5px;
}

@media (min-width:1200px) {
    .uk-grid-xl {
        margin-left:-100px
    }
    .uk-grid-xl>* {
        padding-left:100px
    }
    *+.uk-grid-margin-xl,
    .uk-grid+.uk-grid-xl,
    .uk-grid-xl>.uk-grid-margin {
        margin-top:100px;
    }
}

.uk-breadcrumb a:hover {
    text-decoration: underline;
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    font-size: 0.7em;
    margin: 0 10px;
}

.uk-breadcrumb span {
    font-weight: 400;
}
.uk-modal {
    z-index: 1050;
}

.uk-modal-close-full {
    background: transparent;
    padding: 5vw;
}

.uk-background-fixed {
    background-attachment: fixed !important;
}

.uk-list:last-child {
    margin-bottom: 0;
}

[class*="uk-position-bottom"], [class*="uk-position-center"], [class*="uk-position-left"], [class*="uk-position-right"], [class*="uk-position-top"] {
	z-index: 1;
}

@media (pointer:coarse) {
    .uk-background-fixed {
        background-attachment:scroll !important;
    }
}

@media only screen and (max-width:639px) {
    .uk-margin-medium-bottom {
        margin-bottom: 20px !important;
    }
    .uk-margin-medium-top {
        margin-top: 20px !important;
    }
} 

@media only screen and (min-width:640px) {
    .uk-margin-remove-top\@m {
        margin-top: 0 !important;
    }
}
.uk-card-primary.uk-card-body, .uk-card-primary > :not([class*="uk-card-media"]), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*="uk-card-media"]), .uk-offcanvas-bar, .uk-overlay-primary, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color) {
    color: inherit;
}

.uk-card {
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}

.no-shadow *[class*='uk-card'] {
    box-shadow: none !important;
}

@media only screen and (max-width:960px) {
    .uk-child-width-5-6 > * {
        width: calc(100% * 5 / 6.001);
    } 
}
@media only screen and (min-width:640px) and (max-width:939px) {
    .uk-child-width-4-5\@s > * {
        width: calc(100% * 4 / 5.001);
    }
} 


/* Indicator for overflowing tables
   ========================================================================== */

/*** - Indicator for touch devices - ***/
@media only screen and (max-width:959px) {

    .overflow-indicator {
        display: block;
        width: 28px;
        height: 28px;
        margin: -28px 0.5rem 0.5rem auto !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='104.153' width='60.056'%3E%3Cg color='%23000'%3E%3Cpath overflow='visible' d='M35.392 24.057c-4.15-1.453-8.741.757-10.194 4.906l-9.1 25.983c-.284-2.936-1.425-6.4-3.823-7.993-3.24-2.227-8.629-.898-10.793 2.08C.322 50.71-.085 52.937.014 55.87.79 69.38 2.861 82.813 7.197 93.98c.21.527.654.955 1.188 1.145l25.483 8.924c.403.137.85.139 1.255.009 3.422-1.062 6.812-3.723 10.06-7.172 3.249-3.448 6.3-7.7 8.633-12.075 2.333-4.375 3.847-8.707 4.188-12.903.328-4.052-1.208-8.056-4.951-9.88-.92-.326-1.918-.586-2.807-.685-.079-1.327-.411-2.552-1.045-3.445-1.06-1.496-2.386-2.314-3.556-2.702-1.124-.373-2.284-.323-3.41-.002-.188-.762-.38-1.553-.778-2.127-1.043-1.506-2.434-2.31-3.615-2.723-.978-.342-2.02-.403-3.059-.343l5.515-15.75c1.69-5.08-1.417-8.983-4.906-10.194zm-1.322 3.775c2.124.744 3.197 2.974 2.453 5.098l-6.94 19.82c-.313.851.044 1.897.81 2.38.768.483 1.865.354 2.498-.295.72-.72 2.607-1.073 3.629-.716.457.16 1.24.649 1.651 1.24.41.592.669 1.209.187 2.583-.294.84.06 1.858.808 2.34.747.48 1.818.379 2.462-.235 1.305-1.266 1.804-1.371 2.754-1.055.263.087 1.118.582 1.563 1.21.445.627.716 1.264.248 2.602a2.04 2.04 0 00.523 2.144 2.05 2.05 0 002.176.358c.84-.102 1.579.037 2.485.373 2.15 1.075 2.825 2.895 2.637 5.99-.189 3.124-1.581 7.197-3.738 11.24-2.155 4.044-5.03 8.076-8.006 11.235-2.793 2.964-5.665 5.035-7.847 5.861l-23.8-8.335C6.735 81.534 4.61 67.316 4.029 55.754c-.085-2.51.283-3.807.73-4.446 1.339-1.581 3.657-1.927 5.245-1.077 1.742 1.457 1.77 2.972 2.09 4.805l1.113 8.832c.12.881.894 1.629 1.779 1.72.885.09 1.794-.487 2.09-1.325l11.898-33.977c.743-2.124 2.973-3.197 5.097-2.453zM19.056 0c-.526.005-1.064.198-1.438.594l-9 8.998c-.436.4-.541.903-.562 1.406.017.547.147.984.563 1.406l9 8.998c.734.807 2.09.777 2.843.031.754-.745.76-2.104 0-2.843l-5.594-5.593h38.376L47.65 18.59c-.76.74-.754 2.098 0 2.843.754.746 2.113.737 2.844-.03l9-8.999c.415-.422.545-.859.562-1.406-.021-.503-.126-1.006-.563-1.406l-9-8.998c-.746-.792-2.09-.777-2.843-.032-.754.746-.76 2.105 0 2.844l5.594 5.592H14.868l5.594-5.592c.76-.74.754-2.098 0-2.844A1.958 1.958 0 0019.056 0z' style='text-indent:0;text-transform:none'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;        
        background-size: contain;
        opacity: 0.375;
    }
    .text-section .text-columns > .overflow-indicator {
        margin: -28px 0.5rem 0.5rem auto !important;
    }
} 

@media only screen and (max-width:639px) {
    table.uk-table {
        font-size: 14px;
    }
}

.uk-table-small td {
    padding: 2px 4px;
}
.uk-table.unsetPadding tr td:first-child {
    padding-left: 0;
}
.uk-table.unsetPadding tr td:last-child {
    padding-right: 0;
}

.uk-position-cover {
    z-index: 1;
}
.uk-position-cover > div {
    max-width: 100%;
}

.uk-link-reset a, 
a.uk-link-reset {
	color: currentColor !important;
	text-decoration: inherit !important;
}

.uk-icon {
    line-height: inherit;
    vertical-align: baseline;
}

p span.uk-icon {
    vertical-align: text-bottom;
    line-height: inherit;
}

.uk-light {
    color: #fff !important;
}

.uk-dark {
    color: inherit;
}

/*** - Accordion - ***/


.uk-accordion-title {
    overflow: visible;
    text-decoration: none;
}
.uk-accordion-title > * {
    margin: 0 !important;
}

.uk-accordion li.content-item {
    padding: 8px 8px 8px 24px;
}
.uk-accordion li:last-child .uk-accordion-content {
    padding-bottom: 0;
}

/*** - 2nd Level - ***/
.uk-accordion .uk-accordion li.content-item,
.uk-accordion .uk-accordion li.content-item:last-child {
    padding: 8px 0 8px 24px;
    border: none;
}

.uk-display-inline-block {
    vertical-align: baseline;
}

.uk-height-viewport {
    min-height: 100svh;
}

.uk-button {
    font-size: 1rem;
    border-radius: 3px;
    text-transform: none;
}

.uk-button-default {
    border: none;
}

.uk-section-default, .uk-section {
    z-index: 1;
    overflow: hidden;
    position: relative;
}

/* ==========================================================================
    5. Navigation
   ========================================================================== */

#navbar {
    z-index: 10;
}

#navbar.tm-header-transparent {
    position: absolute;
    z-index: 1020;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: transparent;
}

#navbar.tm-header-transparent .uk-navbar-container:not(.uk-sticky-fixed) {
    background-color: transparent !important;
}

.uk-navbar-container:not(.uk-sticky-fixed) .vd-hide-on-hero {
    opacity: 0;
    z-index: -1;
}

.uk-light .uk-logo > img:not(.uk-logo-inverse),
.uk-sticky-fixed .uk-logo:not(.sticky-inverse) > img:not(.uk-logo-inverse)  {
    display: none;
}

.uk-sticky-fixed.uk-light .uk-logo:not(.sticky-inverse) .uk-logo-inverse  {
    display: none;
}

.uk-sticky-fixed .uk-logo,
.uk-light.uk-sticky-fixed .uk-logo:not(.sticky-inverse) > :not(.uk-logo-inverse):not(:only-of-type) {
    display: block !important;
}

.uk-navbar .uk-logo {
    padding: 10px 0;
}

.uk-sticky-fixed .uk-navbar .uk-logo,
.instant-fix .uk-navbar .uk-logo {
    padding: 5px 0;
}

.uk-navbar-nav>li>a {
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    position: relative;
    z-index: 1;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 1px;
    font-size: 1rem;
    min-height: 0;
    white-space: nowrap;
}

@media only screen and (min-width:960px) and (max-width: 1200px) {
    .uk-navbar-nav>li>a {
        font-size: 13px;
        padding: 0 2px;
    }
}

.tm-header-mobile .uk-navbar-right {
    padding: 0 1.5rem 0 0;
}

/*** - Gaps and Alignment - ***/

.uk-navbar-nav {
    flex-wrap: wrap;
}
.uk-navbar-nav > li > a {
    padding: 10px;

}

@media only screen and (min-width:960px) {

    .uk-navbar .uk-logo {
        padding: 20px 0;
    }
   
    .uk-navbar-right .uk-navbar-nav {
        justify-content: end;
    } 
}

@media only screen and (min-width:1440px) {
  
    .uk-navbar-nav {
    }
    .uk-navbar-nav > li > a {
        padding: 10px 20px;
    }
} 

/*** - Display right logo on left side for mobile - ***/

@media only screen and (max-width:959px) {
    
    .uk-navbar-container > .uk-container .uk-navbar-left\@m {
        margin-right: -15px;
        margin-left: -15px;
        align-items: center;
    }
  
} 

/* Center "Navbar Center" vertical 
   ========================================================================== */

.uk-navbar-center-left, .uk-navbar-center-right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


/* Modal Menu overlay
   ========================================================================== */

.uk-modal-full .uk-logo {
    display: block;
    width: 100%;
    max-width: 50vw;
    margin: 0 auto;
}

.uk-modal .uk-logo-inverse {
    display: block;
}
.uk-modal-full .uk-logo * {
    max-width: 100%;
}

.uk-modal-full .uk-nav-sub a {
    font-size: 14px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.uk-modal-full .uk-nav > li > a {
	position: relative;
	display: block;
	width: fit-content;
	margin: 0 auto;
}
.uk-modal-full .uk-nav > li > a > .uk-nav-parent-icon {
	top: 50%;
	right: -1.5rem;
	transform: translateY(-50%) rotate(-90deg);
	position: absolute;
}
.uk-modal-full .uk-nav > li > a[aria-expanded="true"] .uk-nav-parent-icon {
	transform: rotate(0) translateY(-50%);;
}


/* Navbar  - Subnavigation
   ========================================================================== */

#navbar .uk-subnav {
    margin: 0;
}
#navbar .uk-subnav>li {
    padding: 10px;
}

#navbar .uk-subnav>*> :first-child {
    text-transform: none;
    font-size: 0.875rem;
    font-weight: normal;
}

#navbar .uk-subnav>*>a:focus, #navbar .uk-subnav>*>a:hover {
    text-decoration: none;
}

#navbar .uk-subnav>li>a>div>div>div.uk-inline>div {
    transition: all 0.5s ease-out;
}

#navbar .uk-subnav>li>a>div>div>div.uk-inline>div:hover {
    background: none;
}

/* Dropdown
   ========================================================================== */

.uk-dropdown-nav {
    white-space: initial;
}
.uk-navbar-dropdown {
    width: auto;
    max-width: 250px
}

.dd-icon {
    display: inline-block;
    margin-left: 0.25rem;
}
.dd-icon svg {
    transform: rotate(0);
    transition: transform 0.3s ease;
    max-width: none;
    max-height: none;
}
li:hover .dd-icon svg,
li:focus-within .dd-icon svg {
    transform: rotate(90deg);
}
/* Extended Dropdown Menu - Layout 1
   ========================================================================== */
.uk-dropdown.extended.layout-1 {
    max-width: 1400px !important;
    margin: 0;
}

.uk-dropdown.extended.layout-1 img {
    max-width: 60px;
}

/* Extended Dropdown Menu - Layout 2
   ========================================================================== */
.uk-dropdown.extended.layout-2 {
    max-width: 100vw !important;
    width: 100vw !important;
    margin: 0;
    left: 50% !important;
    transform: translateX(-50%) !important;
}




/* Navbar Layout C / Info - Logo - Menü
   ========================================================================== */

#navbar.layout-c div .uk-navbar-container {
    padding: 0 30px;
}
#navbar.layout-c .uk-logo {
    padding: 0;
}

#navbar.layout-c .uk-navbar-center:not(:only-child) {
    top: 0;
    transform: translate(-50%,0%);
}

#navbar.layout-c #scnd-menu > li > a {
    padding: 0 15px;
    line-height: 1.5;
    min-height: 21px;
}
#navbar.layout-c #scnd-menu > li:last-child > a {
    padding-right: 15px;
}

@media only screen and (min-width:1200px) {
    #navbar.layout-c div:not(.uk-sticky-fixed) .uk-navbar-container{
        min-height: 120px;
    }
} 

/* Navbar Layout D / Fixed Logo - Menü zentriert
   ========================================================================== */
#navbar.layout-d .logo-container {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

#navbar.layout-d .logo-container .uk-logo {
    padding: 0;
}

#navbar.layout-d .uk-navbar-dropdown {
    padding-top: 5px;
    padding-bottom: 15px;
}
#navbar.layout-d .uk-navbar-dropbar {
    box-shadow: none;
    background: transparent;
}

/* Navbar Layout E / Menü Modal
   ========================================================================== */
#navbar.layout-e {
    z-index: 1020;
}
#navbar.layout-e .uk-navbar-right,
#navbar.layout-e .uk-navbar-left {
    margin: 0 !important;
}
#navbar.layout-e .cta a,
#navbar.layout-e .uk-logo {
    transition: all 0.25s ease-in;
    opacity: 1;
    transform: translateY(0);
}
html:not(.uk-modal-page) #navbar.layout-e.tm-header-transparent div.uk-sticky:not(.uk-sticky-fixed) .cta {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
html:not(.uk-modal-page) #navbar.layout-e.tm-header-transparent div.uk-sticky:not(.uk-sticky-fixed) .cta a {
    opacity: 0;
}

#modal-full .companyInfo {
    max-width: 300px;
    margin: 2rem auto;
    position: relative;
}
#modal-full .companyInfo .uk-logo {
    display: block;
    width: 100%;
}

@media only screen and (min-width:960px) {
    #modal-full .companyInfo { 
        position: absolute;
        bottom: 2rem;
        left: 2rem;
        
    }
} 

html.uk-modal-page #navbar.layout-e .uk-logo {
    opacity: 0;
}
html.uk-modal-page #navbar.layout-e .cta a {
    transform: translateY(30px);
    opacity: 1;
}
@media only screen and (max-width:959px) {
    
    #modal-full .uk-modal-dialog {
        flex-direction: column;
        padding-top: 120px;
    }

    html.uk-modal-page #navbar.layout-e .cta a {
        transform: translateY(40px);
    }
} 

@media only screen and (max-width:639px) {
    html.uk-modal-page #navbar.layout-e .cta a {
        transform: translateY(50px);
    }
} 

/* Navbar Layout F / 
   ========================================================================== */
#navbar.layout-f .uk-dropdown {
    border: 1px solid #fff;
}
#navbar.layout-f .uk-dropdown-nav > li:first-child a {
    padding-top: 0;
}
#navbar.layout-f .uk-dropdown-nav > li:last-child a {
    padding-bottom: 0;
}


/* Toggle Menu Icon - Layout E & F
   ========================================================================== */
   
.toogleMenuIcon {
    display: inline-block;
    max-width: 32px;
    margin-left: 1rem;
    padding: 0.75rem 0;
}
.toogleMenuIcon svg {
    width: 100%;
}
.toggleMenuLink .toogleMenuIcon #top,
.toggleMenuLink .toogleMenuIcon #bottom,
.toggleMenuLink .toogleMenuIcon #middle {
    opacity: 1;
    transform: rotate(0) scaleX(1);
    transition: all 0.25s ease-in;
}

.toggleMenuLink[aria-expanded="true"] .toogleMenuIcon #top {
    transform: rotate(45deg) scaleX(0.8) translateX(-14px);
    transform-origin: left center;
}
.toggleMenuLink[aria-expanded="true"] .toogleMenuIcon #bottom {
    transform: rotate(-45deg) scaleX(0.8) translateX(-12px) translateY(-4px);
    transform-origin: left center;
}
.toggleMenuLink[aria-expanded="true"] .toogleMenuIcon #middle {
    opacity: 0;
}



/* Language Switcher
   ========================================================================== */

#lng-menu {
    display: flex;
    align-items: center;
}

#lng-menu > * {
    display: inline-block;
    padding: 0 2px;
    line-height: 1.5;
}
 #lng-menu > *:last-child {
    padding-right: 15px;
}

/* Sub-Navigation
   ========================================================================== */

.sub-navigation.uk-sticky {
    z-index: 9 !important;
}

@media only screen and (max-width:1599px) {
    .sub-navigation .uk-flex {
        flex-wrap: wrap;
    }
} 

/* ==========================================================================
    5.1 Topbar      
    ========================================================================== */

#site-topbar {
    font-size: 0.875rem;
    padding: 0 !important;
    z-index: 100;
}

#site-topbar a:hover .uk-icon {
    color: inherit !important;
}

#site-topbar .uk-active {
    font-weight: bold;
}

/* ==========================================================================
    6. Subnavigation
   ========================================================================== */

.uk-subnav {
    text-transform: none;
    margin-bottom: 0;
}

.uk-subnav-divider.mobile li {
    padding-bottom: 0.5rem;
}

.uk-subnav-divider.mobile> :nth-child(n+2):not(.uk-first-column)::before {
    display: none;
}


/* Layout B - Links above the content
   ========================================================================== */


.sub-navigation.layout-b ul >* {
    padding: 0 3rem 0 0;
    position: relative;
    display: inline-block;
}

.sub-navigation.layout-b ul>*:first-child {
    padding-left: 0;
}

/* Commented out - break after x items - implement when requested
.layout-b .uk-subnav>li:nth-child(4) {
    clear: left;
}
*/

@media only screen and (min-width:640px) {
    .sub-navigation.layout-b ul>li:before {
        content: '';
        height: 50%;
        width: 1px;
        position: absolute;
        top: 25%;
        right: 1.5rem;
        background: currentColor;
    }
    /* Commented out - break after x items - implement when requested
    .layout-b .uk-subnav>li:nth-child(3):before, 
    */
    
    .sub-navigation.layout-b ul>li:last-child {
        padding: 0;
    }
    .sub-navigation.layout-b ul>li:last-child:before {
        display: none;
    }
}

/* ==========================================================================
    6.1 - Sidebar Navigation
   ========================================================================== */

aside.sidebar-nav {
    width: 320px;
}

aside.sidebar-nav .uk-sticky{
    margin: 20px 0;
    padding-bottom: 20px;
    z-index: 5;
}

/* Link Color */
aside.sidebar-nav .uk-card-primary.uk-card-body a {
    color: rgba(255,255,255,0.675);
}
aside.sidebar-nav .uk-card-primary.uk-card-body a:hover {
    color: rgba(255,255,255,0.85);
}
aside.sidebar-nav .uk-card-primary.uk-card-body .uk-active > a,
aside.sidebar-nav .uk-card-primary.uk-card-body .uk-open > a {
    color: rgba(255,255,255,1);
}
aside.sidebar-nav .uk-card-primary.uk-card-body .uk-parent.uk-active > a {
    font-weight: bold;
}

main.uk-width-expand {
    min-height: 100vh;
}


/* ==========================================================================
    7.  General section settings - For all kind of section
   ========================================================================== */

/* Vertical alignment - more options
   ========================================================================== */

.flex-posvert-1-3 > div,
.flex-posvert-2-3 > div {
    display: flex;
    flex-direction: column;
    align-self: stretch   
}

.flex-posvert-1-3 > div:before,
.flex-posvert-1-3 > div:after,
.flex-posvert-2-3 > div:before,
.flex-posvert-2-3 > div:after {
    content: "";
    flex: 1;
}
.flex-posvert-1-3 > div:after,
.flex-posvert-2-3 > div:before {
    flex:3;
}


/* Text align for elements defined in CSS Tab Template
   ========================================================================== */

.text-child-left .content-item, .text-child-left .grid-item>div {
    text-align: left !important;
}

.text-child-center .content-item, .text-child-center .grid-item>div {
    text-align: center !important;
}

.text-child-right .content-item, .text-child-right .grid-item>div {
    text-align: right !important;
}

/* SVG Icon as Headline & inline
   ========================================================================== */

div.headline-svg,
div.inline-svg {
    display: inline-block;
    max-width: 100% !important;
}
div.inline-svg {
    vertical-align: middle;
}
.headline-w-icon {
    margin: 0 0 0 0.75rem !important;
    display: inline-block;
    vertical-align: middle;
}

.inline-svg svg {
    vertical-align: top;
}

/* SVG Icon as Background-Image
  ========================================================================== */

div.bg-svg {
    position: absolute;
    display: block;
    top: -100px;
    left: -100px;
    z-index: 0;
}

div.beforeheadline-svg {
    position: absolute;
    display: block;
    bottom: 100%;
    right: 100%;
    transform: translate(-50%,50%);
    z-index: 0;
}

div.afterheadline-svg {
    position: absolute;
    display: block;
    bottom: 1rem;
    z-index: 0;
    left: 100%;
    transform: translateX(-100%);
    top: unset;
}

/* SVG Icon as Offset-Image
  ========================================================================== */
.offset-icon {
    position: absolute;
    top: -15px;
    left: var(--paddingSize);
}
.offset-icon+*[class*="uk-h"] {
    margin-top: 0 !important;
}

/* SVG Uploads - Ratio & dimensions for files uploaded via PW
    ========================================================================== */

div.img-svg:not(.ratio-org) {
    height: 0;
    position: relative;
    overflow: hidden;
    padding-top: calc(1 / 1 * 100%);
    width: 100%;
}

div.img-svg.ratio-1-1{
    padding-top: calc(1 / 1 * 100%);
}

div.img-svg.ratio-16-9{
    padding-top: calc(9 / 16 * 100%);
}

div.img-svg.ratio-4-3{
    padding-top: calc(3 / 4 * 100%);
}

div.img-svg.ratio-4-5{
    padding-top: calc(5 / 4 * 100%);
}
div.img-svg.ratio-5-7{
    padding-top: calc(7 / 5 * 100%);
}

div.img-svg:not(.ratio-org) svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    margin: auto;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

/* Container adjusments
   ========================================================================== */

/* Substract padding from container to fit into layout */

.uk-container.compensate-padding {
    max-width: calc(1200px - 80px);
}
.uk-container.uk-container-xlarge.compensate-padding {
    max-width: calc(1600px - 80px);
}
.uk-container.uk-container-large.compensate-padding {
    max-width: calc(1400px - 80px);
}
.uk-container.uk-container-small.compensate-padding {
    max-width: calc(900px - 80px);
}
.uk-container.uk-container-xsmall.compensate-padding {
    max-width: calc(750px - 80px);
}
.uk-container.uk-container-expand.compensate-padding {
    max-width: calc(100%);
}

/* Padding for expand - FIX responsive issues */

.uk-container.uk-container-expand .content-section,
.uk-container.uk-container-expand .text {
    padding-left: 15px;
    padding-right: 15px;
}
@media only screen and (min-width:640px) {
    .uk-container.uk-container-expand .content-section,
    .uk-container.uk-container-expand .text {
        padding-left: 40px;
        padding-right: 40px;
    }
} 

.uk-container-expand .intro {
    padding-left: 30px;
    padding-right: 30px;
    padding-left: var(--paddingSize);
    padding-right: var(--paddingSize);
}

/* Add extra spacing e.g. for sections with borders */
.uk-container.addExtraSpace {
    box-sizing: border-box;
    width: calc(100vw - 60px);
    width: calc(100vw - (var(--paddingSize) * 2));
}

/* Text indent
   ========================================================================== */

.text-indent {
    margin-left: 70px;
    margin-left: var(--paddingLarge);
}


/* ==========================================================================
    7.1 Hero section
   ========================================================================== */

/*  General Settings
   ========================================================================== */

.uk-slideshow.full,
.uk-slideshow-items.full {
    height: 100vh;
    height: 100svh;
}

/* Padding for Content - remove if not neccesarry */
@media only screen and (min-width:1200px) {
    .hero-section .uk-container .uk-padding {
        padding-left: 0;
        padding-right: 0;
    }
} 

/* TODO : This is typer - make it more semantic and responsiv */
.uk-heading-hero {
    font-size: 50px;
    font-weight: 500;
    color: #000;
}

.hero-section .uk-container-expand {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (orientation: portrait) {
  
    .hero-section .reset-minheight\@portrait {
        min-height: unset !important;
    }
    .hero-section .ratio-16-9\@portrait {
        padding-bottom: 56.25%;
        height: 0;
    }
} 


/*  Alert Box
   ========================================================================== */

/* Position Alert-Box - a bit higher */

.alert-box {
    top: calc(15% + 100px);
    z-index: 10;
    width: 25%;
    left:0;
}
.alert-box.right .uk-container {
    box-sizing: border-box;
}
.alert-box.right .slide-in {
    position: absolute;
    right: 0;
    top: 0;
}

.alert-box.uk-position-fixed.right {
    left: unset;
    right: 0;
}

@media only screen and (max-height:759px) {
    .alert-box {
        display: none;
    }
    .alert-box-mobile.uk-hidden\@m {
        display: block !important;
    }
} 
@media only screen and (min-height: 760px) and (max-height:900px) {
    .alert-box {
        font-size: 14px;
    }
    .alert-box h3 {
        font-size: 24px;
    }
    .alert-box .uk-card-body {
        padding: 15px;
    }
} 

@media only screen and (max-height:900px) and (orientation: landscape) {
    .alert-box-mobile.uk-hidden\@m .uk-card-media-top {
        max-width: 600px;
        margin: 0 auto;
    }
}


/*  Hero - Layout A
   ========================================================================== */

/*** - Hero - Responsive Headlines - Show headlines on small devivces- ***/

.hero-layout-a .logo-hero {
    max-width: 50%;
}

/*** - Logo with typer.js in Slider - TODO: Review neccessary !!! 2021-03-19 - Check if it's working ***/

.hero-layout-a span.typer,
.hero-layout-a span[data-owner="typer"] {
    line-height: inherit;
    vertical-align: bottom;
}


/* Hero Layout B - Bild + Text zweigeteilt
   ========================================================================== */

@media only screen and (max-width:959px) {
    .hero-layout-b[tm-header-transparent] {
        margin-top: 90px !important;
    } 
}

@media only screen and (min-width:960px) {
    
    /* To make it fit with section below */
    .hero-layout-b .intro {
        max-width: 467px;
    } 
    .hero-layout-b .expand {
        flex-grow: 1;
    }
}


/*  Hero - Layout C
   ========================================================================== */

@media only screen and (min-width:640px) {

    .hero-layout-c {
        position: absolute;
        width: 100%;
        bottom: 0;
        overflow: visible;
    }
    .slideshow-hero-c {
        max-width: 100vw;
        margin: 0 0 0 auto;
    }
} 
@media only screen and (min-width:740px) {
      .slideshow-hero-c {
        max-width: 75vw;
    }
} 

@media (min-width: 1600px) {
    .slideshow-hero-c {
        max-width: 65vw;
    }
}


/*  Hero - Layout D
   ========================================================================== */

.hero-layout-d .uk-container-expand .content {
    padding-left: 30px;
    padding-left: var(--paddingSize);
    padding-right: 30px;
    padding-right: var(--paddingSize);
}



/*  Hero - Layout E - Video
   ========================================================================== */

.hero-layout-e .uk-container-expand video {
    width: 100%;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}

.hero-layout-e .content-item {
    max-height: 100vh;
    max-height: calc(100vh - var(--navbarheight));
    overflow: hidden;
}


@media only screen and (max-width:959px) {
    
    .hero-layout-e .content-item {
        max-height: none;
    }

    .hero-layout-e .uk-position-cover {
        position: relative;
    } 
}


/* Hero Layout F - Animated
   ========================================================================== */

.hero-layout-f .content-container {
    position: relative;
    z-index: 1;
    margin-top: -100vh;
}
.hero-layout-f .content-page-2 {
    position: relative;
    z-index: 1;
    padding-bottom: 10vh;
}
.hero-layout-f .hero-logo {
    transform: translateY(-150%);
    max-width: 60vw;
}


/* ==========================================================================
    7.2 Content Section
   ========================================================================== */

/*  General Fixing & overall settings
   ========================================================================== */

/* Add padding to inner content "text" container */
.content-section .uk-container-expand .content,
.content-text-bg {
    padding: 30px;
    padding: var(--paddingSize);
}

@media only screen and (min-width:640px) {
    .content-section .uk-container-expand .content {
        padding: 30px;
        padding: var(--paddingSize);
        width: fit-content;
        margin: auto;
    }
    .content-section .uk-container-expand .content-item.uk-grid-large .content {
        padding: 60px;
        padding: var(--paddingLarge);
    }
} 


@media only screen and (max-width:960px) {
    .content-section .uk-padding-remove-bottom {
        padding-bottom: 2rem !important;
    }
} 

/* Relations */

@media only screen and (min-width:360px) {
    .uk-grid.tiny-columns.rel-1-2-1-2>div {
        width: 50%;
    }

    .uk-grid.tiny-columns.rel-1-3-2-3>div:first-child,
    .uk-grid.tiny-columns.rel-2-3-1-3>div:last-child {
        width: calc(100% / 3 * 1);
    }

    .uk-grid.tiny-columns.rel-1-3-2-3>div:last-child,
    .uk-grid.tiny-columns.rel-2-3-1-3>div:first-child {
        width: calc(100% / 3 * 2);
    }

    .uk-grid.tiny-columns.rel-2-5-3-5>div:first-child,
    .uk-grid.tiny-columns.rel-3-5-2-5>div:last-child {
        width: calc(100% / 5 * 2);
    }

    .uk-grid.tiny-columns.rel-2-5-3-5>div:last-child,
    .uk-grid.tiny-columns.rel-3-5-2-5>div:first-child {
        width: calc(100% / 5 * 3);
    }

    .uk-grid.tiny-columns.rel-4-7-3-7>div:first-child,
    .uk-grid.tiny-columns.rel-3-7-4-7>div:last-child {
        width: calc(100% / 7 * 4);
    }

    .uk-grid.tiny-columns.rel-4-7-3-7>div:last-child,
    .uk-grid.tiny-columns.rel-3-7-4-7>div:first-child {
        width: calc(100% / 7 * 3);
    }
}

@media only screen and (min-width:640px) {
    .uk-grid.rel-1-2-1-2>div {
        width: 50%;
    }

    .uk-grid.rel-1-3-2-3>div:first-child,
    .uk-grid.rel-2-3-1-3>div:last-child:not(.lg) {
        width: calc(100% / 3 * 1);
    }

    .uk-grid.rel-1-3-2-3>div:last-child:not(.lg),
    .uk-grid.rel-2-3-1-3>div:first-child {
        width: calc(100% / 3 * 2);
    }

    .uk-grid.rel-2-5-3-5>div:first-child,
    .uk-grid.rel-3-5-2-5>div:last-child:not(.lg) {
        width: calc(100% / 5 * 2);
    }

    .uk-grid.rel-2-5-3-5>div:last-child:not(.lg),
    .uk-grid.rel-3-5-2-5>div:first-child {
        width: calc(100% / 5 * 3);
    }

    .uk-grid.rel-4-7-3-7>div:first-child,
    .uk-grid.rel-3-7-4-7>div:last-child:not(.lg) {
        width: calc(100% / 7 * 4);
    }

    .uk-grid.rel-4-7-3-7>div:last-child:not(.lg),
    .uk-grid.rel-3-7-4-7>div:first-child {
        width: calc(100% / 7 * 3);
    }
}
/*  Content - Layout A - Text in Image  
   ========================================================================== */

.content-layout-a .content-item:nth-child(n+2) {
    margin-top: 2rem;
}

/* Content - Layout C 
   ========================================================================== */

/* Remove Extra Margin on last Content-Item */

.content-layout-c .content-item.extra_margin:last-of-type {
    margin-bottom: 0 !important;
}

/* Relation width of Elemets */

@media only screen and (min-width:640px) {

    .content-layout-c.rel-2-3-1-3 .content-item:nth-child(odd)>div:last-child,
    .content-layout-c.rel-2-3-1-3 .content-item:nth-child(even)>div:last-child,
    .content-layout-c.rel-1-3-2-3 .content-item:nth-child(odd)>div:first-child,
    .content-layout-c.rel-1-3-2-3 .content-item:nth-child(even)>div:first-child {
        width: calc(100% / 3 * 2);
    }
    .content-layout-c.rel-2-3-1-3 .content-item:nth-child(odd)>div:first-child,
    .content-layout-c.rel-2-3-1-3 .content-item:nth-child(even)>div:first-child,
    .content-layout-c.rel-1-3-2-3 .content-item:nth-child(odd)>div:last-child,
    .content-layout-c.rel-1-3-2-3 .content-item:nth-child(even)>div:last-child {
        width: calc(100% / 3);
    }

    .content-layout-c.rel-3-5-2-5 .content-item:nth-child(odd)>div:first-child,
    .content-layout-c.rel-3-5-2-5 .content-item:nth-child(even)>div:first-child,
    .content-layout-c.rel-2-5-3-5 .content-item:nth-child(odd)>div:last-child,
    .content-layout-c.rel-2-5-3-5 .content-item:nth-child(even)>div:last-child {
        width: calc(100% / 5 * 3);
    }
    .content-layout-c.rel-3-5-2-5 .content-item:nth-child(odd)>div:last-child,
    .content-layout-c.rel-3-5-2-5 .content-item:nth-child(even)>div:last-child,
    .content-layout-c.rel-2-5-3-5 .content-item:nth-child(odd)>div:first-child,
    .content-layout-c.rel-2-5-3-5 .content-item:nth-child(even)>div:first-child {
        width: calc(100% / 5 * 2);
    }

    .content-layout-c.rel-4-7-3-7 .content-item:nth-child(odd)>div:first-child,
    .content-layout-c.rel-4-7-3-7 .content-item:nth-child(even)>div:first-child,
    .content-layout-c.rel-3-7-4-7 .content-item:nth-child(odd)>div:last-child,
    .content-layout-c.rel-3-7-4-7 .content-item:nth-child(even)>div:last-child {
        width: calc(100% / 7 * 4);
    }
    .content-layout-c.rel-4-7-3-7 .content-item:nth-child(odd)>div:last-child,
    .content-layout-c.rel-4-7-3-7 .content-item:nth-child(even)>div:last-child,
    .content-layout-c.rel-3-7-4-7 .content-item:nth-child(odd)>div:first-child,
    .content-layout-c.rel-3-7-4-7 .content-item:nth-child(even)>div:first-child {
        width: calc(100% / 7 * 3);
    }
}

@media only screen and (max-width:959px) and (orientation: landscape) {
    .content-layout-c .uk-visible\@s, 
    .content-layout-c .uk-visible\@m {
        display: none !important;
    }
    .content-layout-c .uk-hidden\@s,
    .content-layout-c .uk-hidden\@m {
        display: block !important;
    }
    .content-layout-c .uk-width-1-2\@s,
    .content-layout-c .uk-width-1-2\@m {
        width: 100%;
    }
    .content-layout-c .uk-flex-first\@s,
    .content-layout-c .uk-flex-first\@m {
        order: 0;
        margin-top: 40px;
    }
} 

/* Set margin in column between items media / text  */

@media only screen and (max-width:639px) {
    .content-layout-c .content-item > div:last-child {
        margin-top: 1.5rem !important;
    }
    .content-layout-c .text-indent {
        margin-left: 0;
    }

    .content-layout-c .uk-width-1-2\@s {
        width: 100% !important;
    }

    .content-layout-c .uk-width-1-2\@s .extra_margin {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 1.5rem !important;
    }
} 

@media only screen and (max-width:959px) {
    .content-layout-c .content-item > div.uk-width-1-2\@m:last-child {
        margin-top: 1.5rem !important;
    }
    .content-layout-c > div.uk-width-1-2\@m .text-indent {
        margin-left: 0;
    }
    .content-layout-c .uk-width-1-2\@m {
        width: 100% !important;
    }
    .content-layout-c .uk-width-1-2\@m .extra_margin {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
} 

/* Add margin-top to Headlines when they are displayed under the image on mobile */
@media only screen and (max-width:639px) {
    .vd-headline {
        margin-top: var(--paddingSize);
    }
} 

/* Remove offset on mobile */

@media only screen and (max-width:639px) {
    .content-item.offset {
        margin-top: var(--paddingSize) !important;
        margin-bottom: 0 !important;
    }
} 

/* Overlapping Images on mobile: make sure content isn't hidden */
@media only screen and (max-width:639px) {
    .content-layout-c .content-item.uk-overflow-hidden .media {
        overflow: hidden;
    } 
}

/* Content Layout D
   ========================================================================== */

section.content-layout-d {
    z-index: 0;
}

.uk-flex > .uk-container {
    width: 100%;
}
.content-layout-d .uk-container-expand {
    padding-left: var(--paddingSize);
    padding-right: var(--paddingSize);
}

.fixed-video {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
    top: 0;
    left: 0;
}
.fixed-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fixed-video .uk-position-z-index {
    z-index: 1;
}

@media only screen and (max-width:959px) {
    .content-layout-d .uk-container {
        padding-left: var(--paddingSize) !important;
        padding-right: var(--paddingSize) !important;
    } 
}

/* Content - Layout F - Overlapping images
   ========================================================================== */

/*** - Avoid overlapping overlays - ***/
.content-layout-f .content-item.uk-position-absolute {
    z-index: 5;
}

@media only screen and (max-width:959px) {
  
    .content-layout-f .content-item {
        position: relative !important;
        top: initial !important;
        right: initial !important;
        bottom: initial !important;
        left: initial !important;
        transform: none !important;
    }
} 



/* Content - Layout J - Accordion
   ========================================================================== */

.content-layout-j .uk-accordion > li {
    margin: 0;
    padding: 1.75rem 0;
    border-bottom: 1px solid #aeaeae;

}
.content-layout-j .uk-light .uk-accordion > li {
    border-color: #fff;
}
.content-layout-j .uk-accordion > li:last-child {
    padding: 1rem 0;
    border-bottom: none;
}


/*  Content - Layout M - Define directions
   ========================================================================== */

@media only screen and (min-width: 960px) {
    .layout-m.direction-child-right .content-item>div:nth-child(1) {
        order: 2;
    }
    .layout-m.direction-child-right .content-item>div:nth-child(2) {
        order: 1;
    }
    .layout-m.direction-child-right .content-item>div:nth-child(3) {
        order: 3;
    }
    .layout-m.direction-child-rotate .content-item:nth-child(even)>div:nth-child(1) {
        order: 2;
    }
    .layout-m.direction-child-rotate .content-item:nth-child(even)>div:nth-child(2) {
        order: 1;
    }
    .layout-m.direction-child-rotate .content-item:nth-child(even)>div:nth-child(3) {
        order: 3;
    }
}

/* Content Layout n
   ========================================================================== */

.content-layout-n .uk-flex {
    flex-grow: 1;
}
.content-layout-n .uk-flex {
    flex-grow: 0;
}

.content-layout-n.direction-child-right .content-item,
.content-layout-n.direction-child-rotate .content-item:nth-child(2n+2),
.content-layout-n.direction-child-reverse .content-item:nth-child(2n+1) {
    order:2;
}


/* ==========================================================================
    7.3. Grid Section
   ========================================================================== */

/* Grid - General Settings
   ========================================================================== */

.grid-item > .uk-h1,
.grid-item > .uk-h2,
.grid-item > .uk-h3,
.grid-item > .uk-h4,
.grid-item > .uk-h5,
.grid-item > .uk-h6 {
    margin-top: 1rem;
}

/* Hide overflow eventually caused by inlinestyled borders */
.grid-item > .uk-position-relative,
.grid-item > .uk-cover-container
.grid-item > .uk-card {
    overflow: hidden;
}

/* Grid ScrollAnimation
   ========================================================================== */

.grid-section .h100vh {
    height: 100vh;
}
.grid-section .offset-100vh {
    margin-top: -100vh;
    overflow-x: hidden;
}
   
/* Grid - Link Content
    ========================================================================== */

.grid-item.link-content {
    position: relative;
}

.grid-item.link-content h3, 
.grid-item.link-content img, 
.grid-item.link-content .headline-svg , 
.grid-item.link-content .uk-cover-container,
.grid-item.link-content svg path {
    transition: all 0.5s;
}

.grid-item.link-content .uk-cover-container {
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.grid-item.link-content:hover .uk-cover-container,
.grid-item.link-content:focus-within .uk-cover-container {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}
.grid-item.link-content:focus-within .headline-svg,
.grid-item.link-content:focus-within .uk-inline-clip {
    outline: 2px solid;
    outline-offset: 6px;
}

.grid-item.link-content a {
    opacity: 0;
}


/* Grid - Layout 2
   ========================================================================== */

.flipBox {
    background-color: transparent !important;
    align-self: stretch;
    perspective: 2000px;

}
.flipBox:focus {
    outline: 0;
}

.flipBox > .uk-position-relative {
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    overflow: unset;
}

/*** - Indicator for touch devices - ***/
@media only screen and (max-width:959px) {
    .flipBox > .uk-position-relative .flipFront::after {
        content: '';
        display: block;
        width: 28px;
        height: 28px;
        position: absolute;
        z-index: 10;
        bottom: 0;
        left: 100%;
        transform: translate(-60px,-20px) rotate(-30deg);
        margin: 0 0 0 0.5rem;
        background-image: url("data:image/svg+xml,%3Csvg data-name='touch' viewBox='0 0 62 77.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.8 28.2A4 4 0 0 0 46 27a4 4 0 0 0-2.2.7 4 4 0 0 0-1-1.5A4 4 0 0 0 40 25a4 4 0 0 0-2.2.7 4 4 0 0 0-1-1.5 4 4 0 0 0-4.8-.7V14a4 4 0 0 0-1.2-2.8 4 4 0 0 0-3.6-1.1 4.1 4.1 0 0 0-3.2 4v23.2l-2.7-3a5 5 0 0 0-7-.7l-.6.6A3 3 0 0 0 13 38l7.1 11.5A16.4 16.4 0 0 0 34 58a16 16 0 0 0 16-16V31a4 4 0 0 0-1.2-2.8zM48 42a14 14 0 0 1-14 14 15 15 0 0 1-12.2-7.5l-7-11.6a1 1 0 0 1 .2-1.2l.7-.5a3 3 0 0 1 1.9-.7 3 3 0 0 1 2.2 1l6.2 7.2V14a2.1 2.1 0 0 1 1.6-2.1 2 2 0 0 1 1.8.6A2 2 0 0 1 30 14v20a1 1 0 0 0 2 0v-7a2 2 0 0 1 2-2 2 2 0 0 1 2 2v7a1 1 0 0 0 2 0v-5a2 2 0 0 1 2-2 2 2 0 0 1 2 2v5a1 1 0 0 0 2 0v-3a2 2 0 0 1 2-2 2 2 0 0 1 2 2z'/%3E%3Cpath d='M22 17.9a1 1 0 0 0 .3-1.4A6.9 6.9 0 1 1 35 12.9a6.8 6.8 0 0 1-1 3.6 1 1 0 0 0 .3 1.3 1 1 0 0 0 .6.2 1 1 0 0 0 .8-.5 8.8 8.8 0 1 0-15 0 1 1 0 0 0 1.3.3z'/%3E%3C/svg%3E");
        background-size: cover;
        opacity: 0.75;
    }
     .flipBox.uk-light > .uk-position-relative .flipFront::after {
        background-image: url("data:image/svg+xml,%3Csvg data-name='touch' viewBox='0 0 62 77.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.8 28.2A4 4 0 0 0 46 27a4 4 0 0 0-2.2.7 4 4 0 0 0-1-1.5A4 4 0 0 0 40 25a4 4 0 0 0-2.2.7 4 4 0 0 0-1-1.5 4 4 0 0 0-4.8-.7V14a4 4 0 0 0-1.2-2.8 4 4 0 0 0-3.6-1.1 4.1 4.1 0 0 0-3.2 4v23.2l-2.7-3a5 5 0 0 0-7-.7l-.6.6A3 3 0 0 0 13 38l7.1 11.5A16.4 16.4 0 0 0 34 58a16 16 0 0 0 16-16V31a4 4 0 0 0-1.2-2.8zM48 42a14 14 0 0 1-14 14 15 15 0 0 1-12.2-7.5l-7-11.6a1 1 0 0 1 .2-1.2l.7-.5a3 3 0 0 1 1.9-.7 3 3 0 0 1 2.2 1l6.2 7.2V14a2.1 2.1 0 0 1 1.6-2.1 2 2 0 0 1 1.8.6A2 2 0 0 1 30 14v20a1 1 0 0 0 2 0v-7a2 2 0 0 1 2-2 2 2 0 0 1 2 2v7a1 1 0 0 0 2 0v-5a2 2 0 0 1 2-2 2 2 0 0 1 2 2v5a1 1 0 0 0 2 0v-3a2 2 0 0 1 2-2 2 2 0 0 1 2 2z' fill='%23fff'/%3E%3Cpath d='M22 17.9a1 1 0 0 0 .3-1.4A6.9 6.9 0 1 1 35 12.9a6.8 6.8 0 0 1-1 3.6 1 1 0 0 0 .3 1.3 1 1 0 0 0 .6.2 1 1 0 0 0 .8-.5 8.8 8.8 0 1 0-15 0 1 1 0 0 0 1.3.3z' fill='%23fff'/%3E%3C/svg%3E%0A");}
} 

.flipBox:hover > .uk-position-relative,
.flipBox:focus > .uk-position-relative {
  transform: rotate3d(0,1,0,180deg) translate3d(0,0,0);
}

.flipBox .flipFront,
.flipBox .flipBack {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flipBox .flipFront{
    background-color: #fff;
    z-index: 10;
}
.flipBox .flipBack {
    background-color: #fff; /* Default value - can be overwritten via Backend and inline-style */
    transform: rotate3d(0,1,0,180deg);
    z-index: 20;
}

/*** - Check for overflow - ***/

.grid-layout-2 .grid-item:not(.flipBox) .uk-position-relative.overflow {
    aspect-ratio: unset !important;
}
.grid-layout-2 .grid-item:not(.flipBox) .uk-position-relative.overflow .mediabox  {
    position: absolute;
    width: 100%;
    height: 100%;
}
.grid-layout-2 .grid-item:not(.flipBox) .uk-position-relative.overflow .mediabox img {
    object-fit: cover;
}
.grid-layout-2 .grid-item:not(.flipBox) .uk-position-relative.overflow .uk-position-cover {
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
};
   
/*  Grid - Layout 5 - Headline im Bild, Text schmal darunter
   ========================================================================== */

.grid-layout5 .indented:nth-child(odd)>* {
    padding-left: 4rem;
}

.grid-layout5 .indented:nth-child(even)>* {
    padding-right: 4rem;
}

.grid-layout5 .indented.uk-flex-first>* {
    padding-right: 0 !important;
    padding-left: 4rem !important;
}

@media only screen and (min-width: 960px) {
    .grid-layout5 .uk-width-5-6 {
        position: relative;
    }
    .grid-layout5 .uk-width-5-6:before, .grid-layout5 .uk-width-5-6:after {
        content: "";
        position: absolute;
        top: 0;
        right: -7.5%;
        height: 100%;
        width: 2px;
        z-index: 1;
        background-color: #FCF8F5;
    }
}


/* Grid - Layout 6 - 1/2 + 2*1/2 vertical
   ========================================================================== */

.grid-layout-6 div.grid-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    margin-left: 0 !important;
}
.grid-layout-6 div.grid-item {
    margin: 0 0 30px;
}
.grid-layout-6 div.grid-item:nth-child(1) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
}
.grid-layout-6 div.grid-item:nth-child(2) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
}
.grid-layout-6 div.grid-item:nth-child(3) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
}

.grid-layout-6 div.grid-item > div {
    height: 100%;
}

@media only screen and (min-width:960px) {
    .grid-layout-6 div.grid-items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }

    .grid-layout-6 div.grid-item:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-column: 1;
        grid-row: 1/3;
        margin: 0 15px 0 0;
    }
    .grid-layout-6 div.grid-item:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-row: 1;
        grid-column: 2;
        grid-row: 1;
        margin: 0 0 15px 15px;
    }
    .grid-layout-6 div.grid-item:nth-child(3) {
        -ms-grid-column: 2;
        -ms-grid-row: 2;
        grid-column: 2;
        grid-row: 2;
        margin: 15px 0 0 15px;
    }
} 

.grid-layout-6 .uk-grid-collapse > div,
.grid-layout-6 .uk-grid-small > div,
.grid-layout-6 .uk-grid-medium > div,
.grid-layout-6 .uk-grid-large > div {
    padding: 0
}

/* Set grid-gaps based on user selection - Does not effects IE11 - fixed spacing isset via margin on .grid-item - see above*/
@supports ( display: grid ) {

    .grid-layout-6 div.grid-item {
        margin: 0 !important;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }
    .grid-layout-6 .grid-items.uk-grid-collapse {
        grid-column-gap: 0;
        grid-row-gap: 0;
    }
    .grid-layout-6 .grid-items.uk-grid-small {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    .grid-layout-6 .grid-items.uk-grid-medium {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }
    .grid-layout-6 .grid-items.uk-grid-large {
        grid-column-gap: 70px;
        grid-row-gap: 70px;
    }
}


@media only screen and (max-width:959px) {
    .grid-section.layout-6 .grid-item > div {
        min-height: 40vh !important;
    }
} 

@media only screen and (max-width:479px) and (orientation: portrait) {
    .grid-section.layout-6 .grid-item > div {
        min-height: 400px !important;
    }
}

@media only screen and (max-height:479px) and (orientation: landscape) {
    .grid-section.layout-6 .grid-item > div {
        min-height: 500px !important;
    }
}


/* ==========================================================================
    7.4. Slider Section
   ========================================================================== */

.sliderbox img,
.uk-slideshow,
.uk-slideshow-items,
.sliderbox {
    display: block;
    width: 100%;
    height: 100%;
}

.slidenav a {
    font-size: 3rem;
    color: rgba(255,255,255,0.5);
}

.uk-slideshow-items.ratio {
    min-height: var(--min-height) !important;
}

/* Slider - Layout C
   ========================================================================== */

.slider-layout-c .uk-slideshow-items a:hover {
    cursor: zoom-in;
}

/* Slider - Layout E: Timeline
   ========================================================================== */

.slider-layout-f .timelinecontainer {
    margin-top: 2rem;
}
.slider-layout-f .uk-slider-container::after {
    content: '';
    position: absolute;
    width: calc(100% - 0.5rem);
    height: 1px;
    top: 50%;
    right: 0;
    background-color: #999;
    z-index: -1;
}
.slider-layout-f.uk-light {
    background-color: #fff;
}

.slider-layout-f .uk-slider-items > li {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 60px;    
    align-items: end;
}

/*** - Pseudo Element for doubing height via grid - ***/
.slider-layout-f .uk-slider-items > li::after {
    content: '';
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.slider-layout-f .uk-slider-items > li:nth-child(2n+1) > div{
    grid-area: 2 / 1 / 3 / 2;
    align-self: start;
}

/*** - Dots - ***/
.slider-layout-f .uk-slider-items > li:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(1rem + 15px);
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
}
.slider-layout-f .uk-slider-items > li:first-child::before {
    display: none;
}


.slider-layout-f .navigation {
    position: absolute;
    bottom: 100%;
    right: 0;
}

.slider-layout-f .navigation .uk-slidenav {
    padding: 0;
}

.slider-layout-f .uk-slider-items .uk-text-left {
    width: 175%;
} 

.slider-layout-f .uk-slider-container {
    mask-image: linear-gradient(90deg,transparent 0%,#fff 2% , #fff 90%, transparent 100%);
}

@media only screen and (max-width:639px) {
    .slider-layout-f .uk-slider-items > li:first-child {
        display: none;
    }
    .slider-layout-f .uk-slider-container {
        mask-image: linear-gradient(90deg,#fff 0% , #fff 90%, transparent 100%);
    }
} 


/* Slider - Layout E
   ========================================================================== */

.slider-layout-e .sliderbox,
.slider-layout-e .sliderbox img,
.slider-layout-e .uk-slideshow-items {
    height: auto;

}


/* ==========================================================================
    7.5. - Listing / Person Section
   ========================================================================== */

.section-person .personal-info .uk-icon {
    display: inline-block;
    padding-right: 0.75rem;
    position: relative;
    top: -2px;
}

.section-person .intro {
    position: relative;
    display: block;
    font-size: 1.75rem;

}
.section-person .intro em {
    font-size: 1.25rem;
}

.mfp-close {
    position: fixed;
    top: 0;
    right: 1rem;
    text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, -1px 0px 0 #000, 0px -1px 0 #000;
}


/* ==========================================================================
    7.6. - Text Section
   ========================================================================== */

.text-section .text-columns > *{
    break-inside: avoid;
    margin-top: 0 !important;
}
.text-section .text-columns > p{
    break-inside: initial;
    margin-top: 0 !important;
}
.text-section .uk-column-span {
	column-span: all;
	border-bottom: 1px solid #efefef;
	padding: 2rem 1rem 1rem;
	margin: 0 0 2rem;
}

.text-section hr {
    clear: both;
}

img.align_left {
    display: block;
    float: left;
    margin: 0 1.5rem 1.5rem 0;
}

img.align_right {
    display: block;
    float: right;
    margin: 0 0 1.5rem 1.5rem;
}

/* ==========================================================================
    7.7. Gallery Section
   ========================================================================== */

.msnry-grid {
    margin-left: -30px;
}
.msnry-item {
    padding: 0 0 30px 30px;
    overflow: hidden;
    position: relative;
}

/*** - Avoid flickering when loading - ***/

.msnry-item img {
    opacity: 0;
}
.msnry-item img.lazyloaded {
    opacity: 1;
}

/*** - Sizes - ***/

.msnry-sizer {
    width: 25%;
}
.msnry-sizer-1-2 {
    width: 50%;
}
.msnry-sizer-1-3 {
    width: calc(100% / 3);
}
.msnry-sizer-1-5 {
    width: 20%;
}
.msnry-sizer-1-7 {
    width: calc(100% / 7);
}

.msnry-grid.msrny-gap-none  , .grid-gallery.msrny-gap-none      {margin: 0;}
.msnry-grid.msrny-gap-tiny  , .grid-gallery.msrny-gap-tiny      {margin: 0 0 -1px -1px;}
.msnry-grid.msrny-gap-mini  , .grid-gallery.msrny-gap-mini      {margin: 0 0 -3px -3px;}
.msnry-grid.msrny-gap-small , .grid-gallery.msrny-gap-small     {margin: 0 0 -10px -10px;}
.msnry-grid.msrny-gap-normal, .grid-gallery.msrny-gap-normal    {margin: 0 0 -30px -30px;}
.msnry-grid.msrny-gap-medium, .grid-gallery.msrny-gap-medium    {margin: 0 0 -40px -40px;}
.msnry-grid.msrny-gap-large , .grid-gallery.msrny-gap-large     {margin: 0 0 -70px -70px;}

.msrny-gap-none .msnry-item     {padding: 0;}
.msrny-gap-tiny .msnry-item     {padding: 0 0 1px 1px}
.msrny-gap-mini .msnry-item     {padding: 0 0 3px 3px}
.msrny-gap-small .msnry-item    {padding: 0 0 10px 10px}
.msrny-gap-normal .msnry-item   {padding: 0 0 30px 30px}
.msrny-gap-medium .msnry-item   {padding: 0 0 40px 40px}
.msrny-gap-large .msnry-item    {padding: 0 0 70px 70px}

.msnry-grid .msnry-item.uk-invisible {padding: 0 !important;}

.msnry-1-1 {width: 100%;}
.msnry-2-3 {width: calc(100% / 3 * 2);}
.msnry-3-5 {width: 60%;}
.msnry-4-7 {width: calc(100% / 7 * 4);}
.msnry-1-2 {width: 50%;}
.msnry-3-7 {width: calc(100% / 7 * 3);}
.msnry-2-5 {width: 40%;}
.msnry-1-3 {width: calc(100% / 3);}
.msnry-1-4 {width: 25%;}
.msnry-1-5 {width: 20%;}
.msnry-1-6 {width: 16.6666%;}


/* Gallery Layout 1
   ========================================================================== */

@media only screen and (max-width:939px) {
    .gallery-layout-1 .msnry-1-2,
    .gallery-layout-1 .msnry-1-1 {
        width: 100%;
    }
    .gallery-layout-1 .msnry-1-3 {
        width: 33.3333%;
    }
    .gallery-layout-1 .msnry-1-4 {
        width: 50%;
    }
    .gallery-layout-1 .msnry-1-6 {
        width: 33.3333%;
    }
} 

/* Gallery Layout 3
   ========================================================================== */

@media only screen and (max-width:939px) {
    .gallery-layout-3 .msnry-1-4 {
        width: 50%;
    }
} 

/* Gallery Layout 4
   ========================================================================== */

   @media only screen and (min-width:640px) {
    .gallery-layout-5 .msnry-1-1\@s {width: 100%;}
    .gallery-layout-4 .msnry-1-2\@s {width: 50%;}
    .gallery-layout-4 .msnry-1-3\@s {width: 33.3333%;}
    .gallery-layout-4 .msnry-1-4\@s {width: 25%;}
    .gallery-layout-4 .msnry-1-5\@s {width: 20%;}
    .gallery-layout-4 .msnry-1-6\@s {width: 16.6666%;}
}

@media only screen and (min-width:960px) {
    .gallery-layout-4 .msnry-1-1\@m {width: 100%;}
    .gallery-layout-4 .msnry-1-2\@m {width: 50%;}
    .gallery-layout-4 .msnry-1-3\@m {width: 33.3333%;}
    .gallery-layout-4 .msnry-1-4\@m {width: 25%;}
    .gallery-layout-4 .msnry-1-5\@m {width: 20%;}
    .gallery-layout-4 .msnry-1-6\@m {width: 16.6666%;}
}
@media only screen and (min-width:1200px) {
    .gallery-layout-4 .msnry-1-1\@l {width: 100%;}
    .gallery-layout-4 .msnry-1-2\@l {width: 50%;}
    .gallery-layout-4 .msnry-1-3\@l {width: 33.3333%;}
    .gallery-layout-4 .msnry-1-4\@l {width: 25%;}
    .gallery-layout-4 .msnry-1-5\@l {width: 20%;}
    .gallery-layout-4 .msnry-1-6\@l {width: 16.6666%;}
}

/* Gallery Layout 7
   ========================================================================== */


.gallery-layout-7 .rel-1-3-2-3 .lg,
.gallery-layout-7 .rel-2-3-1-3 .lg {
    width: calc(100% / 3 * 2) !important;
}
.gallery-layout-7 .rel-1-3-2-3 .sm,
.gallery-layout-7 .rel-2-3-1-3 .sm {
    width: calc(100% / 3) !important;
}

.gallery-layout-7 .rel-3-5-2-5 .lg,
.gallery-layout-7 .rel-2-5-3-5 .lg {
    width: calc(100% / 5 * 3) !important;
}

.gallery-layout-7 .rel-3-5-2-5 .sm,
.gallery-layout-7 .rel-2-5-3-5 .sm {
    width: calc(100% / 5 * 2) !important;
}

.gallery-layout-7 .rel-4-7-3-7 .lg,
.gallery-layout-7 .rel-3-7-4-7 .lg {
    width: calc(100% / 7 * 4) !important;
}
    
.gallery-layout-7 .rel-4-7-3-7 .sm,
.gallery-layout-7 .rel-3-7-4-7 .sm {
    width: calc(100% / 7 * 3) !important;
}

.gallery-layout-7 .rel-1-2-1-2 .sm,
.gallery-layout-7 .rel-1-2-1-2 .lg {
    width: 50% !important;
}

.gallery-layout-7 .grid-gallery > div:nth-last-child(-n+2) {
    padding-bottom: 0 !important;
}

/* Gallery Layout  9 
   ========================================================================== */

section.gallery-layout-9 {
    overflow: hidden;
}

@media only screen and (min-width:640px) {
  
    .gallery-layout-9 div[uk-height-viewport] {
        min-height: max(0px, 50vh) !important;
    } 
}

@media only screen and (min-width:1140px) {
  
    .gallery-layout-9 div[uk-height-viewport] {
        min-height: max(0px, 75vh) !important;
    } 
}



/* ==========================================================================
    7.8 Tab Section
   ========================================================================== */

/* Add padding if background is coloured */
.uk-switcher .uk-section-muted,
.uk-switcher .uk-section-primary,
.uk-switcher .uk-section-secondary {
    padding-left: 2rem;
    padding-right: 2rem;
}

/*** - Indicator for touch devices - ***/
@media only screen and (max-width:959px) {
    .uk-tab li:last-child::after {
        content: '';
        display: block;
        width: 28px;
        height: 28px;
        position: absolute;
        top: 100%;
        left: 100%;
        transform: translate(0,-50%) rotate(-30deg);
        margin: 0 0 0 0.5rem;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='touch' viewBox='0 0 62 77.5'%3E%3Cpath d='M48.83 28.17A4 4 0 0046 27a3.94 3.94 0 00-2.22.68 4.07 4.07 0 00-1-1.51A4 4 0 0040 25a3.94 3.94 0 00-2.22.68 4.07 4.07 0 00-1-1.51 4 4 0 00-4.78-.63V14a4 4 0 00-1.17-2.83 4.05 4.05 0 00-3.64-1.09A4.11 4.11 0 0024 14.15v23.19l-2.74-3.13a5 5 0 00-6.87-.61l-.69.56A2.93 2.93 0 0013 38l7.13 11.5A16.35 16.35 0 0034 58a16 16 0 0016-16V31a4 4 0 00-1.17-2.83zM48 42a14 14 0 01-14 14c-4.74 0-9.51-2.94-12.15-7.52l-7.11-11.55a.92.92 0 01.26-1.21l.68-.56a3 3 0 011.87-.66 3 3 0 012.25 1l6.2 7.16V14.15A2.1 2.1 0 0127.58 12a2 2 0 011.83.55A2 2 0 0130 14v20a1 1 0 002 0v-7a2 2 0 012-2 2 2 0 012 2v7a1 1 0 002 0v-5a2 2 0 012-2 2 2 0 012 2v5a1 1 0 002 0v-3a2 2 0 012-2 2 2 0 012 2z'/%3E%3Cpath d='M22 17.85a1 1 0 00.32-1.38A6.86 6.86 0 1135 12.86a6.76 6.76 0 01-1 3.61 1 1 0 00.32 1.38 1 1 0 00.53.15 1 1 0 00.85-.47 8.85 8.85 0 10-15.06 0 1 1 0 001.36.32z'/%3E%3C/svg%3E%0A") no-repeat;
        background-size: cover;
        opacity: 0.375;
    }
} 


/* ==========================================================================
    7.9 iFrame Section
   ========================================================================== */

.iframe-item iframe{
    min-height: 100vh;
}

@media only screen and (min-height:768px) {
    .iframe-item iframe {
        min-height: 80vh;
    }
}

/* ==========================================================================
    7.10    FlexGrid Section
   ========================================================================== */

.flexgrid-section .flexgrid-items {
    display: grid;
}

.flexgrid-section .flexgrid-items.msrny-gap-none      {gap: 0 0;      margin-left:0;}
.flexgrid-section .flexgrid-items.msrny-gap-tiny      {gap: 1px 1px;  margin-left:0;}
.flexgrid-section .flexgrid-items.msrny-gap-mini      {gap: 3px 3px;  margin-left:0;}
.flexgrid-section .flexgrid-items.msrny-gap-small     {gap: 10px 10px;margin-left:0;}
.flexgrid-section .flexgrid-items.msrny-gap-normal    {gap: 30px 30px;margin-left:0;}
.flexgrid-section .flexgrid-items.msrny-gap-medium    {gap: 40px 40px;margin-left:0;}
.flexgrid-section .flexgrid-items.msrny-gap-large     {gap: 70px 70px;margin-left:0;}

.flexgrid-section .flgr-1 { grid-area: flgr-1; }
.flexgrid-section .flgr-2 { grid-area: flgr-2; }
.flexgrid-section .flgr-3 { grid-area: flgr-3; }
.flexgrid-section .flgr-4 { grid-area: flgr-4; }
.flexgrid-section .flgr-5 { grid-area: flgr-5; }
.flexgrid-section .flgr-6 { grid-area: flgr-6; }
.flexgrid-section .flgr-7 { grid-area: flgr-7; }
.flexgrid-section .flgr-8 { grid-area: flgr-8; }

@media all and (-ms-high-contrast:none) {
    .flexgrid-section .flexgrid-items {
        display: -ms-grid;
    }

    .flexgrid-section .flexgrid-items.msrny-gap-none>div      {margin: 0;}
    .flexgrid-section .flexgrid-items.msrny-gap-tiny>div      {margin: 1px;}
    .flexgrid-section .flexgrid-items.msrny-gap-mini>div      {margin: 2px;}
    .flexgrid-section .flexgrid-items.msrny-gap-small>div     {margin: 5px;}
    .flexgrid-section .flexgrid-items.msrny-gap-normal>div    {margin: 15px;}
    .flexgrid-section .flexgrid-items.msrny-gap-medium>div    {margin: 20px;}
    .flexgrid-section .flexgrid-items.msrny-gap-large>div     {margin: 35px;}
}

.flexgrid-section .flexgrid-items .uk-flex {
    height: 100%;
}

/* Cover Videos
   ========================================================================== */
.flexgrid-items video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}


/* All Layouts - Display as blog < 640px
   ========================================================================== */

@media only screen and (max-width:639px) {
    .flexgrid-items {
        display: block !important;
    }
    .flexgrid-items > div {
        width: 100%;
        margin-bottom: 15px;
    }
} 

/* Adjust height just in case of gaps > 640px
   ========================================================================== */

@media only screen and (min-width:640px) {
    .flexgrid-items figure.mediabox,
    .flexgrid-items figure.mediabox img  { 
        height: 100%;
        object-fit: cover;
    }
}





/* FlexGrid - Layout 1
   ========================================================================== */

/*** - Mobile - ***/

.flexgrid-layout-1 .flexgrid-items {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
      "flgr-1 flgr-1"
      "flgr-2 flgr-2"
      "flgr-4 flgr-3";
  }

  .flexgrid-layout-1 .flexgrid-items.flip-vrt {
    grid-template-areas:
      "flgr-1 flgr-1"
      "flgr-2 flgr-2"
      "flgr-3 flgr-4";
  }
  .flexgrid-layout-1 .flexgrid-items.flip-hrz {
    grid-template-areas:
    "flgr-3 flgr-4"
    "flgr-2 flgr-2"
    "flgr-1 flgr-1";
  }
  .flexgrid-layout-1 .flexgrid-items.flip-bth {
    grid-template-areas:
    "flgr-4 flgr-3"
    "flgr-2 flgr-2"
    "flgr-1 flgr-1";
  }

@media all and (-ms-high-contrast:none) {
  .flexgrid-layout-1 .flexgrid-items {
    -ms-grid-columns: 2fr 1fr;
    -ms-grid-rows: 3fr 2fr 1fr;
  }

  .flexgrid-layout-1 .flgr-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .flexgrid-layout-1 .flgr-2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .flexgrid-layout-1 .flgr-3 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }

  .flexgrid-layout-1 .flgr-4 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}

/*** - ab 640px - ***/

@media only screen and (min-width:639px) {
  

.flexgrid-layout-1 .flexgrid-items {
    grid-template-columns: 2fr 1fr 2fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas:
        "flgr-1 flgr-2 flgr-2"
        "flgr-1 flgr-2 flgr-2"
        "flgr-1 flgr-3 flgr-4";
    }

    .flexgrid-layout-1 .flexgrid-items.flip-vrt {
        grid-template-areas:
        "flgr-2 flgr-2 flgr-1"
        "flgr-2 flgr-2 flgr-1"
        "flgr-4 flgr-3 flgr-1";
    }
    .flexgrid-layout-1 .flexgrid-items.flip-hrz {
        grid-template-areas:
            "flgr-1 flgr-3 flgr-4"
            "flgr-1 flgr-2 flgr-2"
            "flgr-1 flgr-2 flgr-2";
    }
    .flexgrid-layout-1 .flexgrid-items.flip-bth {
        grid-template-areas:
            "flgr-4 flgr-3 flgr-1"
            "flgr-2 flgr-2 flgr-1"
            "flgr-2 flgr-2 flgr-1";
    }
} 
@media all and (-ms-high-contrast:none) and (min-width:639px) {
    
    .flexgrid-layout-1 .flexgrid-items {
        -ms-grid-columns: 2fr 1fr 2fr;
        -ms-grid-rows: 1fr 1fr 1fr;
    }
    
    .flexgrid-layout-1 .flgr-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-1 .flgr-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 3;
        }
    
    .flexgrid-layout-1 .flgr-3 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-1 .flgr-4 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }
}

/* FlexGrid Layout 2 - 3 Boxes
   ========================================================================== */

.flexgrid-layout-2 .flexgrid-items {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
      "flgr-1 flgr-1 flgr-2"
      "flgr-1 flgr-1 flgr-3";
  }

  .flexgrid-layout-2 .flexgrid-items.flip-vrt {
    grid-template-areas:
    "flgr-2 flgr-1 flgr-1"
    "flgr-3 flgr-1 flgr-1";
  }
  .flexgrid-layout-2 .flexgrid-items.flip-hrz {
    grid-template-areas:
    "flgr-1 flgr-1 flgr-3"
    "flgr-1 flgr-1 flgr-2";
  }
  .flexgrid-layout-2 .flexgrid-items.flip-bth {
    grid-template-areas:
    "flgr-3 flgr-1 flgr-1"
    "flgr-2 flgr-1 flgr-1";
  }
  
  @media all and (-ms-high-contrast:none) {
  
    .flexgrid-layout-2 .flexgrid-items{
        -ms-grid-columns: 1fr 1fr 1fr;
        -ms-grid-rows: 1fr 1fr;

    }
    
    .flexgrid-layout-2 .flgr-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    
    .flexgrid-layout-2 .flgr-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 3;
    }
    
    .flexgrid-layout-2 .flgr-3 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
    }
  }

/* FlexGrid Layout 3 - 4 Boxes No. 2
   ========================================================================== */

.flexgrid-layout-3 .flexgrid-items {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
        "flgr-1 flgr-1"
        "flgr-2 flgr-3"
        "flgr-2 flgr-4";
}

@media all and (-ms-high-contrast:none) {

    .flexgrid-layout-3 .flexgrid-items  {
        -ms-grid-columns: 1fr 1fr;
        -ms-grid-rows: auto auto auto;
    }
    
    .flexgrid-layout-3 .flgr-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    
    .flexgrid-layout-3 .flgr-2 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-3 .flgr-3 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: -1;
    }
    
    .flexgrid-layout-3 .flgr-4 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
    }
}

@media only screen and (min-width:640px) {
  
    .flexgrid-layout-3 .flexgrid-items {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1.25fr 1fr;
        grid-template-areas:
        "flgr-1 flgr-1 flgr-2"
        "flgr-3 flgr-4 flgr-2";
    }

    .flexgrid-layout-3 .flexgrid-items.flip-vrt {
        grid-template-areas:
        "flgr-2 flgr-1 flgr-1"
        "flgr-2 flgr-3 flgr-4";
    }

    .flexgrid-layout-3 .flexgrid-items.flip-hrz {
        grid-template-rows: 1fr 1.25fr;
        grid-template-areas: 
            "flgr-2 flgr-3 flgr-4" 
            "flgr-2 flgr-1 flgr-1";
    }

    .flexgrid-layout-3 .flexgrid-items.flip-bth {
        grid-template-rows: 1fr 1.25fr;
        grid-template-areas: 
            "flgr-3 flgr-4 flgr-2" 
            "flgr-1 flgr-1 flgr-2";
    }
}

@media all and (-ms-high-contrast:none) and (min-width:640px) {

    .flexgrid-layout-3 .flexgrid-items {
      -ms-grid-columns: 1fr 1fr 1fr;
      -ms-grid-rows: 1.25fr 1fr;
    }
    
    .flexgrid-layout-3 .flgr-1 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
    }
    
    .flexgrid-layout-3 .flgr-2 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      -ms-grid-column: 3;
      -ms-grid-column-span: 3;
    }
    
    .flexgrid-layout-3 .flgr-3 {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-3 .flgr-4 {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
    }
    
}

/* FlexGrid Layout 4 - 5 Boxes
/* FlexGrid Layout 4 - 5 Boxes
   ========================================================================== */

.flexgrid-layout-4 .flexgrid-items {
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
    "flgr-2 flgr-2"
    "flgr-1 flgr-4"
    "flgr-3 flgr-3"
    "flgr-5 .";
}

@media only screen and (min-width:640px) and (max-width:959px) {
    .flexgrid-layout-4 .flexgrid-items {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "flgr-1 flgr-2"
            "flgr-5 flgr-2"
            "flgr-3 flgr-4";
    }
    .flexgrid-layout-4 .flexgrid-items.flip-vrt {
        grid-template-areas:
            "flgr-2 flgr-1"
            "flgr-2 flgr-5"
            "flgr-4 flgr-3";
    }
    .flexgrid-layout-4 .flexgrid-items.flip-hrz {
        grid-template-areas:
            "flgr-3 flgr-4"
            "flgr-5 flgr-2"
            "flgr-1 flgr-2";
    }
    .flexgrid-layout-4 .flexgrid-items.flip-bth {
        grid-template-areas:
            "flgr-4 flgr-3"
            "flgr-2 flgr-5"
            "flgr-2 flgr-1";
    }
} 

@media only screen and (min-width:960px) {

    .flexgrid-layout-4 .flexgrid-items {
        grid-template-columns: 2fr 1fr 2fr;
        grid-template-rows: 2fr 1fr 2fr;
        grid-template-areas:
        "flgr-1 flgr-2 flgr-2"
        "flgr-1 flgr-5 flgr-4"
        "flgr-3 flgr-3 flgr-4";
    }
    .flexgrid-layout-4 .flexgrid-items.flip-vrt {
        grid-template-areas:
            "flgr-3 flgr-3 flgr-4"
            "flgr-1 flgr-5 flgr-4"
            "flgr-1 flgr-2 flgr-2";
    }
    .flexgrid-layout-4 .flexgrid-items.flip-hrz {
        grid-template-areas:
            "flgr-2 flgr-2 flgr-1"
            "flgr-4 flgr-5 flgr-1"
            "flgr-4 flgr-3 flgr-3";
    }
    .flexgrid-layout-4 .flexgrid-items.flip-bth {
        grid-template-areas:
            "flgr-4 flgr-3 flgr-3"
            "flgr-4 flgr-5 flgr-1"
            "flgr-2 flgr-2 flgr-1";
    } 
}

/*** - Settings for IE - ***/

@media all and (-ms-high-contrast:none) {

    .flexgrid-layout-4 .flexgrid-items {
      -ms-grid-columns: 1fr 1fr;
      -ms-grid-rows: auto auto auto auto;
    }
    
    .flexgrid-layout-4 .flgr-2 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
    }
    
    .flexgrid-layout-4 .flgr-5 {
      -ms-grid-row: 4;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: -1;
    }
    
    .flexgrid-layout-4 .flgr-1 {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-4 .flgr-3 {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
    }
    
    .flexgrid-layout-4 .flgr-4 {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
    }
    
}

@media all and (-ms-high-contrast:none) and (min-width:640px) and (max-width:959px) {

    .flexgrid-layout-4 .flexgrid-items {
        -ms-grid-columns: 1fr 1fr;
        -ms-grid-rows: auto auto auto;
    }
    
    .flexgrid-layout-4 .flgr-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-4 .flgr-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
    }
    
    .flexgrid-layout-4 .flgr-5 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-4 .flgr-4 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: -1;
    }
    
    .flexgrid-layout-4 .flgr-3 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
    }
    
}

@media all and (-ms-high-contrast:none) and (min-width:960px) {

    .flexgrid-layout-4 .flexgrid-items {
        -ms-grid-columns: 2fr 1fr 2fr;
        -ms-grid-rows: auto auto auto;
    }
    
    .flexgrid-layout-4 .flgr-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
      
    .flexgrid-layout-4 .flgr-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 3;
    }
    
    .flexgrid-layout-4 .flgr-3 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    
    .flexgrid-layout-4 .flgr-4 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
    }
    
    .flexgrid-layout-4 .flgr-5 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
    }

}


/* FlexGrid Layout 5 - 5 Boxes No. 2
   ========================================================================== */

.flexgrid-layout-5 .flexgrid-items {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
        "flgr-1 flgr-1"
        "flgr-2 flgr-3"
        "flgr-4 flgr-4"
}
.flgr-5 {
    grid-column: span 2;
    grid-row: span 1;
}

@media only screen and (min-width:960px) {

    .flexgrid-layout-5 .flexgrid-items {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr auto;
        grid-template-areas:
            "flgr-1 flgr-1 flgr-2 flgr-3"
            "flgr-4 flgr-4 flgr-5 flgr-5";
    }
    .flexgrid-layout-5 .flexgrid-items.flip-vrt {
        grid-template-areas:
            "flgr-2 flgr-3 flgr-1 flgr-1"
            "flgr-5 flgr-5 flgr-4 flgr-4";
    }
    .flexgrid-layout-5 .flexgrid-items.flip-hrz {
        grid-template-areas:
        "flgr-4 flgr-4 flgr-5 flgr-5"
        "flgr-1 flgr-1 flgr-2 flgr-3";
    }
    .flexgrid-layout-5 .flexgrid-items.flip-bth {
        grid-template-areas:
            "flgr-5 flgr-5 flgr-4 flgr-4"
            "flgr-2 flgr-3 flgr-1 flgr-1";
    } 
}

/*** - Settings for IE - ***/

@media all and (-ms-high-contrast:none) and (min-width:960px) {

    .flexgrid-layout-5 .flexgrid-items {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-rows: 1fr 1fr;
    }
    
    .flexgrid-layout-5 .flgr-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
      }
      
    .flexgrid-layout-5 .flgr-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-5 .flgr-3 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-5 .flgr-4 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    
    .flexgrid-layout-5 .flgr-5 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
    }
}


/* FlexGrid Layout 6 - 8 Boxes
   ========================================================================== */

.flexgrid-layout-6 .flexgrid-items {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;  
    grid-template-areas:
        "flgr-1 flgr-2"
        "flgr-1 flgr-3"
        "flgr-4 flgr-5"
        "flgr-6 flgr-7"
        "flgr-8 .";
}
.flexgrid-layout-6 .flexgrid-items.flip-hrz {
        grid-template-areas:
        "flgr-4 flgr-5"
        "flgr-6 flgr-7"
        "flgr-8 ."
        "flgr-1 flgr-2"
        "flgr-1 flgr-3";
}
.flexgrid-layout-6 .flexgrid-items.flip-vrt {
    grid-template-areas:
        "flgr-2 flgr-1"
        "flgr-3 flgr-1"
        "flgr-5 flgr-4"
        "flgr-7 flgr-6"
        ". flgr-8";
}

.flexgrid-layout-6 .flexgrid-items.flip-bth {
    grid-template-areas:
        "flgr-5 flgr-4"
        "flgr-7 flgr-6"
        ". flgr-8"
        "flgr-2 flgr-1"
        "flgr-3 flgr-1";
}
@media only screen and (min-width:960px) {

    .flexgrid-layout-6 .flexgrid-items {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas:
            "flgr-1 flgr-2 flgr-3"
            "flgr-1 flgr-4 flgr-5"
            "flgr-6 flgr-7 flgr-8";
    }
    .flexgrid-layout-6 .flexgrid-items.flip-vrt {
        grid-template-areas:
            "flgr-3 flgr-2 flgr-1"
            "flgr-5 flgr-4 flgr-1"
            "flgr-8 flgr-7 flgr-6";
    }
    .flexgrid-layout-6 .flexgrid-items.flip-hrz {
        grid-template-areas:
            "flgr-6 flgr-7 flgr-8"
            "flgr-1 flgr-4 flgr-5"
            "flgr-1 flgr-2 flgr-3";
    }
    .flexgrid-layout-6 .flexgrid-items.flip-bth {
        grid-template-areas:
            "flgr-8 flgr-7 flgr-6"
            "flgr-3 flgr-2 flgr-1"
            "flgr-5 flgr-4 flgr-1";
    } 
}

/*** - Settings for IE - ***/
@media all and (-ms-high-contrast:none) {

.flexgrid-layout-6 .flexgrid-items  {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
  }
  
  .flexgrid-layout-6 .flgr-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  
  .flexgrid-layout-6 .flgr-2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  
  .flexgrid-layout-6 .flgr-3 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  
  .flexgrid-layout-6 .flgr-4 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  
  .flexgrid-layout-6 .flgr-5 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  
  .flexgrid-layout-6 .flgr-6 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  
  .flexgrid-layout-6 .flgr-7 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  
  .flexgrid-layout-6 .flgr-8 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}

@media all and (-ms-high-contrast:none) and (min-width: 960px){

    .flexgrid-layout-6 .flexgrid-items {
        -ms-grid-columns: 1fr 1fr 1fr;
        -ms-grid-rows: 1fr 1fr 1fr;
    }
    
    .flexgrid-layout-6 .flgr-1 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-6 .flgr-2 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-6 .flgr-3 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-6 .flgr-4 {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-6 .flgr-5 {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-6 .flgr-6 {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-6 .flgr-7 {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-6 .flgr-8 {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
    }
    
}

/* FlexGrid Layout 7 - 3 Boxes No. 2
   ========================================================================== */

.flexgrid-layout-7 .flexgrid-items {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-template-areas:
    "flgr-1 flgr-2"
    "flgr-3 flgr-2";
}

.flexgrid-layout-7 .flexgrid-items.flip-vrt  {
    grid-template-areas:
    "flgr-2 flgr-1"
    "flgr-2 flgr-3";
}
.flexgrid-layout-7 .flexgrid-items.flip-hrz  {
    grid-template-areas:
    "flgr-3 flgr-2"
    "flgr-1 flgr-2";
}
.flexgrid-layout-7 .flexgrid-items.flip-bth  {
    grid-template-areas:
    "flgr-2 flgr-3"
    "flgr-2 flgr-1";
}

@media only screen and (max-width:780px) {
    .flexgrid-layout-7 .flexgrid-items {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
          "flgr-1"
          "flgr-2"
          "flgr-3";
    }
} 

/*** - IE 11 - Layout 7 - ***/

@media all and (-ms-high-contrast:none) {

    .flexgrid-layout-7 .flexgrid-items {
        display: -ms-grid;
        -ms-grid-columns: repeat(2, 1fr);
        -ms-grid-rows: repeat(2, auto);
        gap: 0px 0px;
    }
        
        .flexgrid-layout-7 .flgr-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
    }
        
    .flexgrid-layout-7 .flgr-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
        
    .flexgrid-layout-7 .flgr-3 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 0;
    }
    
}

@media all and (-ms-high-contrast:none) and (max-width:780px) {

    .flexgrid-layout-7 .flexgrid-items {
      display: -ms-grid;
      -ms-grid-columns: 1fr;
      -ms-grid-rows: repeat(3, auto);
      gap: 0px 0px;
    }
    
    .flexgrid-layout-7 .flgr-1 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
    }
    
    .flexgrid-layout-7 .flgr-2 {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 0;
    }
    
    .flexgrid-layout-7 .flgr-3 {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: -1;
    }
} 

/* ==========================================================================
    7.12    Blog Section
   ========================================================================== */

/* Layout 5
   ========================================================================== */

.blog-layout-5 .uk-overlay {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0) 100%);
}
.blog-layout-5 .uk-light .uk-overlay {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 100%);
}


/* ==========================================================================
    7.11   MultiColumn Section
   ========================================================================== */

/*  Padding MultiColumn
   ========================================================================= */

.multicolumn-section .uk-container-expand {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.multicolumn-section .section-color {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-left: var(--paddingSize) !important;
    padding-right: var(--paddingSize) !important;
}

@media only screen and (max-width:959px) {
    .multicolumn-section .uk-container-expand .uk-container {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-left: var(--paddingSize) !important;
        padding-right: var(--paddingSize) !important;
    }
}

/* Order of multiple MultiColumn on small devices
   ========================================================================== */
@media only screen and (max-width:959px) {
    main > .multicolumn-section:nth-child(2n+1) > .uk-container > .uk-grid > div:first-child{
        order: 2;
    }
} 

/* Image Column
   ========================================================================== */

.image-column.img-cover {
    height: 100%;
}


/* ==========================================================================
    7.12    Blog Section
   ========================================================================== */

/* Layout 5
   ========================================================================== */

.blog-layout-5 .uk-overlay {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0) 100%);
}
.blog-layout-5 .uk-light .uk-overlay {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 100%);
}

/* ==========================================================================
    7.13    List Section
   ========================================================================== */
.list-section {
    overflow: hidden;
}

@media only screen and (max-width:639px) {
    .list-section .uk-grid-divider>div:before {
        display: none !important;
    }

    .list-section .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
    .list-section .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin,
    .list-section *+.uk-grid-margin-large,
    .list-section .uk-grid+.uk-grid-large,
    .list-section .uk-grid+.uk-grid-row-large,
    .list-section .uk-grid-large>.uk-grid-margin,
    .list-section .uk-grid-row-large>.uk-grid-margin {
        margin-top: var(--paddingSize);
    }
}

/* Layout B - Circle
   ========================================================================== */

.list-layout-b .list-wrapper {
    display: block;
}
.list-layout-b .intro,
.list-layout-b .list-item {
    margin: 0.75rem auto;
    width: 100%;
    z-index: 10;
}
.list-layout-b .list-item.divider {
    transform: rotate(90deg) scale(0.5);
    z-index: 0;
}
.list-layout-b .inline-svg {
    max-width: unset;
    max-height: unset;
}

@media only screen and (max-width:639px) {
    .list-layout-b .list-item.divider:last-child {
        display: none;
    }
} 

  
@media only screen and (min-width:640px) {

    .list-layout-b .list-wrapper {
        --deg: calc(360deg / var(--totalItems));
        display: flex;
        margin: 20vh auto 20vh !important ;
        width: 40vw;
        max-width: 50%;
        aspect-ratio: 1 / 1;
        position: relative;
    }

    .list-layout-b .intro {
        max-width: 360px;
        margin: 0;
    } 

    .list-layout-b .list-item {
        --angle: calc((var(--deg) * var(--listCount)) - var(--deg));
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 30vw;
        padding: 0.5rem;
        text-align: center;
        transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-35vw) rotate(calc(-1 * var(--angle)));
    }
    .list-layout-b .list-item.divider {
        transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-40vw) scale(0.675);
    }

    .list-layout-b .list-content {
        transform: scale(1);
        transition: transform 0.35s ease;
    }
    .list-layout-b .list-content:hover {
        transform: scale(1.125);
    }
}

@media only screen and (max-height:800px) {
    .list-layout-b .list-wrapper {
        margin: 40vh auto 40vh !important ;
    } 
} 

@media only screen and (min-width: 640px) and (max-width:959px) {

    .list-layout-b .list-item * {
        font-size: 14px !important;
    }
    .list-layout-b .inline-svg {
        max-width: 75px;
        max-height: 75px;
    }
} 

@media only screen and (min-width:1200px) {
    .list-layout-b .list-wrapper {
        width: 40vw;
        max-width: 1200px;
    }
    .list-layout-b .list-item {
        transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-25vw) rotate(calc(-1 * var(--angle)));
    }
    .list-layout-b .list-item.divider {
        transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-25vw);
    }
  
} 
@media only screen and (min-width:1800px) {
    .list-layout-b .list-wrapper {
        width: 40vw;
        max-width: 1200px;
    }
    .list-layout-b .list-item {
        transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-500px) rotate(calc(-1 * var(--angle)));
    }
    .list-layout-b .list-item.divider {
        transform: translate(-50%, -50%) rotate(var(--angle)) translateY(-500px);
    }
  
} 

/* List Section Layout D - Simple List
   ========================================================================== */
.list-layout-d li {
    display: flex;
    align-items: center;
}
.list-layout-d li >div:first-child {
    flex-shrink: 0;
}
.list-layout-d li >div:last-child {
    flex-shrink: 1;
}

.list-layout-d ol {
    list-style: none; 
    counter-reset: ollist;
}

.list-layout-d ol li::before {
    counter-increment: ollist;
    content: counter(ollist)'.';
}



/* ==========================================================================
    7.14 - Instagram
   ========================================================================== */

.instagram-section .uk-card {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.instagram-section img[src=""] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}


/* ==========================================================================
    8. Footer
   ========================================================================== */

#footer {
    z-index: 5;
}


/*  Footer Flyout - InfoButtons 
   ========================================================================== */

#flyout-contact {
    position: fixed;
    right: 0;
    top: 25%;
    z-index: 2;
}
#flyout-contact a {
	transition: all 0.3s ease-out;
	padding: 0 10px;
	box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.25);
	transform: translate(calc(100% - 40px),0);
	display: block;
    line-height: 38px;
    border-radius: 3px 0 0 3px;
}
#flyout-contact a:hover,
#flyout-contact a:focus {
    transform: translate(0%,0) !important;
}
#flyout-contact a span {
    padding-right: 12px;
}

/* Settings for buttons on the left side */

#flyout-contact.left {
    right: inherit;
    left:0;
}
#flyout-contact.left a {
    transform: translate(calc(-100% + 40px),0);
}

#flyout-contact.left .uk-display-inline-block,
#flyout-contact.left .inline-svg {
    float: right;
}
#flyout-contact.left a span {
    padding-right: 0;
    padding-left: 12px;
}
#flyout-contact.left .inline-svg {
    height: 38px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

/* Flyout Buttons in MainMenu
   ========================================================================== */

#flyout-menu  {
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 1000;
}
#flyout-menu > div {
    display: inline-block;
    transition: all 0.3s ease-out;
    margin-left: 0.25rem;
    max-width: 38px;
    line-height: 38px;
    overflow: hidden;
}
#flyout-menu > div:focus-within,
#flyout-menu > div:hover {
    max-width: 300px !important;
}
#flyout-menu a {
	padding: 0 10px;
	box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.25);
    overflow: hidden;
	display: block;
    line-height: 38px;
    border-radius: 3px;
    white-space: nowrap;
}
#flyout-menu .uk-icon {
   line-height: 38px !important;
   height: 38px !important;
   width: 24px !important;
}

/* CTA Button fixed
   ========================================================================== */

#cta-fixed {
    display: none;
}

@media only screen and (min-width:780px) {
    #cta-fixed {
        display: block;
        position: fixed;
        z-index: 10;
        bottom: 10vh;
        right: 0;
        margin-right: 2rem;
    }
    #cta-fixed a {
        transform: scale(1);
        transition: transform 0.2s ease-in;
    }
    #cta-fixed a:hover, 
    #cta-fixed a:focus {
        transform: scale(1.125);
    }
} 

/* TopTop Button
   ========================================================================== */

#toTopBtn {
	display: block;
	position: fixed !important;
	top: calc(100% - 5rem);
	right: 2rem;
	z-index: 1200;
	width: 3rem;
	height: 3rem;
	padding: 0 !important;
	color: #fff;
	background-image: none;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.5s ease-in;
}
#toTopBtn.visible {
    opacity: 1;
}

#toTopBtn>span {
    margin: 0 !important;
}


/* Footer Logo
   ========================================================================== */

@media only screen and (max-width: 959px) {
    .footer-logo {
        text-align: center;
    }
    .footer-logo img,
    .footer-logo .svg-container  {
        margin: 0 auto !important;
    }
} 

/* Footer table e.g. Opening Times
   ========================================================================== */

#footer td {
    text-align-last: left !important;
    min-width: 60px;
}

@media only screen and (max-width:960px) {
    #footer table {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
} 

/* ToTopButton
   ========================================================================== */

@media only screen and (max-width:639px) {
    #footer .vd-btn.up {
        position: relative !important;
        text-align: center;
        top: unset;
        transform: unset;
        margin-top: 2rem;
        right: unset;
        margin: 0 auto;
    }
}


/* ==========================================================================
    9. Cookie Banner
   ========================================================================== */
.privacywire {
    z-index: 100 !important;
}

.privacywire,
.privacywire a {
    color: #363942;
}

.privacywire.privacywire-banner,
.privacywire.privacywire-message,
.privacywire.privacywire-options {
    width: 100%;
    box-shadow: -3px -3px 10px -5px rgba(0,0,0,.15);
    font-size: 13px;
    padding: 0.75rem;
    box-sizing: border-box;
}
.privacywire header {
    font-weight: 600;
    margin: 0 0 0.75rem;
}
.privacywire a {
    text-decoration: underline;
}
.privacywire .privacywire-text{
    margin-bottom: 1rem;
}

.privacywire p {
    margin: 0 0 0.5rem;
}
.privacywire-buttons {
    margin: 1rem 0 0;
}
.privacywire ul {
    list-style: none;
    padding: 0;
}
.privacywire button {
    background: #fff;
    border: 1px solid #F6F6F6;
    padding: 0.5rem 1rem;
    margin:  0 1rem 0.5rem 0;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.privacywire button:hover,
.privacywire button:focus,
.privacywire button:active {
    background-color: #F6F6F6;
}

.privacywire .allow-all:before {
    content: "\2713";
    display: inline-block;
    margin-right: 0.5rem;
} 
.privacywire .allow-all:hover,
.privacywire .allow-all:focus,
.privacywire .allow-all:active {
    background-color: #0f6600;
    color: #fff;
}

.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus,
.uk-radio:checked:focus,
input[type=radio]:not([class*=uk-]):checked:focus,
input[type=checkbox]:not([class*=uk-]):checked:focus,
input[type=checkbox]:not([class*=uk-]):indeterminate:focus,
input[type="checkbox"]:not([class*="required"]):checked {
    background-color: #0f6600;
}

div[data-hint_external_media] {
    display: none;
    width: 100%;
    max-width: 640px;
}

iframe:not([src]),
iframe[src=""],
video[data-category][src=""],
video[data-category]:not([src]) {
    display: none;
}
   
/*  Coockie Banner - MediaQueries
    ========================================================================== */ 
   
@media only screen and (min-width:961px) {
       .privacywire.privacywire-banner,
       .privacywire.privacywire-message,
       .privacywire.privacywire-options { 
           width: 50vw;
           left: unset;
           right: 0;
           transform: none;
       }
   }
@media only screen and (min-width:1200px) {
    .privacywire.privacywire-banner,
    .privacywire.privacywire-message,
    .privacywire.privacywire-options { 
        width: 35vw;
        max-width: 600px;
    }
}

/* Hide on comming-soon page */

.page-name-coming-soon .privacywire-wrapper {
    display: none !important;
 }

/* ==========================================================================
    10. FIXES & Hacks
   ========================================================================== */

/* --- RespFix : Outbreaking words flex container - see: https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ --- */

*[class*="uk-h"] {
    text-wrap: balance;
}
@media only screen and (max-width:639px) {
    *[class*="uk-h"] {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
} 

@media only screen and (max-width:959px) {
  
    .text {
        overflow-wrap: break-word;
    }
    .vd-btn {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
} 

body.page-name-coming-soon {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
body.page-name-coming-soon main {
    flex-grow: 1;
}



/* Fix for background-blend-mode
See: https://iamsteve.me/blog/entry/feature-detection-with-css
========================================================================== */

.content-layout-d .overlay .uk-background-norepeat.uk-background-cover.uk-background-center-center::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: #000;
    opacity: 0.5;
}


@supports (background-blend-mode: color) {
    .content-layout-d .overlay .uk-background-norepeat.uk-background-cover.uk-background-center-center::before {
        display:none;
    }
}

/* --- YouTube Videos - Fix for responsive iFrames:https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php  --- */

.youtubeWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    width: 100%;
}

.youtubeWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}