[data-flow~="box"] {
    display: block;
    padding: 1.6rem;
    border: 0 solid currentColor;
}

[data-flow~="center"] {
    box-sizing: content-box;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 75ch;
}

[data-flow~="cover"] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 1.6rem;
}

    [data-flow~="cover"] > * {
        margin-top: auto;
        margin-bottom: auto;
    }

    [data-flow~="cover"] > header,
    [data-flow~="cover"] > .header {
        margin-top: 0;
        margin-bottom: 1.6rem;
    }

    [data-flow~="cover"] > footer,
    [data-flow~="cover"] > .footer {
        margin-top: 1.6rem;
        margin-bottom: 0;
    }

    [data-flow~="cover"] > header + footer,
    [data-flow~="cover"] > .header + .footer {
        margin-top: auto;
    }

[data-flow="frame"] {
    display: block;
    position: relative;
    padding-bottom: 75%;
}

    [data-flow="frame"] > * {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    [data-flow="frame"] > video,
    [data-flow="frame"] > picture,
    [data-flow="frame"] > picture > img,
    [data-flow="frame"] > img {
        width: 100%;
        height: auto;
    }

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    [data-flow="frame"] > video,
    [data-flow="frame"] > picture,
    [data-flow="frame"] > picture > img,
    [data-flow="frame"] > img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

[data-flow~="stack"] {
    display: block;
}

    [data-flow~="stack"] > * + * {
        margin-top: 1.6rem;
    }

[data-flow~="switcher"] {
    display: block;
    overflow: hidden;
}

    [data-flow~="switcher"] > * {
        list-style: none;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
        margin: -0.8rem;
    }

        [data-flow~="switcher"] > * > * {
            flex-basis: calc((75ch - 100%) * 999);
            flex-grow: 1;
            margin: 0.8rem;
        }

[data-flow~="sidebar"]:not([data-flow~="reverse"]) > * {
    display: flex;
    flex-wrap: wrap;
    margin: calc(1.6rem / 2 * -1);
}

    [data-flow~="sidebar"]:not([data-flow~="reverse"]) > * > * {
        margin: calc(1.6rem / 2);
        flex-grow: 1;
    }

        [data-flow~="sidebar"]:not([data-flow~="reverse"]) > * > *:last-child {
            flex-basis: 0;
            flex-grow: 999;
            min-width: calc(50% - 1.6rem);
        }

[data-flow~="sidebar"][data-flow~="reverse"] > * {
    display: flex;
    flex-wrap: wrap;
    margin: calc(1.6rem / 2 * -1);
}

    [data-flow~="sidebar"][data-flow~="reverse"] > * > * {
        margin: calc(1.6rem / 2);
        flex-grow: 1;
    }

        [data-flow~="sidebar"][data-flow~="reverse"] > * > *:first-child {
            flex-basis: 0;
            flex-grow: 999;
            min-width: calc(50% - 1.6rem);
        }

[data-flow~="cluster"]:not([data-flow~="start"]):not([data-flow~="end"]) > * {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -0.8rem;
    justify-content: center;
    align-items: center;
}

    [data-flow~="cluster"]:not([data-flow~="start"]):not([data-flow~="end"]) > * > * {
        margin: 0.8rem;
    }

[data-flow~="cluster"][data-flow~="start"] > * {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -0.8rem;
    justify-content: flex-start;
    align-items: center;
}

    [data-flow~="cluster"][data-flow~="start"] > * > * {
        margin: 0.8rem;
    }

[data-flow~="cluster"][data-flow~="end"] > * {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -0.8rem;
    justify-content: flex-end;
    align-items: center;
}

    [data-flow~="cluster"][data-flow~="end"] > * > * {
        margin: 0.8rem;
    }
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    /*height: 100%;*/
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: height, -webkit-transform;
        transition-property: transform, height;
        transition-property: transform, height, -webkit-transform;
    }
/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

    .swiper-container-3d .swiper-wrapper,
    .swiper-container-3d .swiper-slide,
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom,
    .swiper-container-3d .swiper-cube-shadow {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
    }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block;
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: 200ms top, 200ms -webkit-transform;
            transition: 200ms transform, 200ms top;
            transition: 200ms transform, 200ms top, 200ms -webkit-transform;
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: 200ms left, 200ms -webkit-transform;
        transition: 200ms transform, 200ms left;
        transition: 200ms transform, 200ms left, 200ms -webkit-transform;
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

    .swiper-container-vertical > .swiper-pagination-progressbar,
    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #ffffff;
    }

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000000;
    }

.swiper-pagination-lock {
    display: none;
}
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > img,
    .swiper-zoom-container > svg,
    .swiper-zoom-container > canvas {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.swiper-slide-zoomed {
    cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

    .swiper-lazy-preloader:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.imageblock-gallery .imageblock.swiper-slide.swiper-slide-active picture img{
    width: 100% !important;
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-next,
    .swiper-container-cube .swiper-slide-prev,
    .swiper-container-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-slide-shadow-top,
    .swiper-container-cube .swiper-slide-shadow-bottom,
    .swiper-container-cube .swiper-slide-shadow-left,
    .swiper-container-cube .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0;
    }

.swiper-container-flip {
    overflow: visible;
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-flip .swiper-slide-active,
    .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-flip .swiper-slide-shadow-top,
    .swiper-container-flip .swiper-slide-shadow-bottom,
    .swiper-container-flip .swiper-slide-shadow-left,
    .swiper-container-flip .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}

.page-hidden {
    display: none;
}

.page-showing {
    display: block;
}

.visuallyHidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.room {
    position: relative;
    display: inline-block;
}

    .room > picture img {
        width: 100%;
        height: auto;
    }

.house .hotspot {
    transition: all 0.2s ease-in-out;
    width: 30px;
    height: 30px;
    background: rgba(91, 152, 250, 0.5);
    border-radius: 50%;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f7f7f7;
    text-decoration: none;
}

    .house .hotspot:hover,
    .house .hotspot:focus {
        color: #fff;
        width: 40px;
        height: 40px;
        background-color: rgba(91, 152, 250, 0.8);
    }

.room .hotspot {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@-webkit-keyframes appear {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes appear {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-webkit-keyframes disappear {
    0% {
        display: block;
        opacity: 1;
    }

    99% {
        display: block;
        opacity: 0;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@keyframes disappear {
    0% {
        display: block;
        opacity: 1;
    }

    99% {
        display: block;
        opacity: 0;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

.overlay {
    width: 85%;
    background: #fff;
    padding: 1em;
    color: #333;
    border-radius: 0.3em;
    min-height: 50%;
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    position: absolute;
    top: 2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
}

    .overlay:target,
    .overlay.showing {
        -webkit-animation: appear 0.3s ease-in forwards;
        animation: appear 0.3s ease-in forwards;
        opacity: 1;
        display: block;
        z-index: 25;
        box-shadow: 0 2px 8px rgba(0, 0, 100, 0.25);
    }

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

.house {
    position: relative;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
}

    .house.open-room .curtain,
    .house.overlay-showing .curtain {
        display: block;
        opacity: 1;
    }

    .house > video {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: top center;
        object-position: top center;
    }

    .house > .topview {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: top center;
        object-position: top center;
    }

        .house > .topview > img {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            -o-object-fit: contain;
            object-fit: contain;
            -o-object-position: top center;
            object-position: top center;
        }

    .house > .room {
        z-index: 1;
        transition: all 0.2s ease-in-out;
        position: absolute;
        opacity: 0;
        cursor: pointer;
        -webkit-transform: none;
        transform: none;
        min-height: auto;
    }

        .house > .room:not(:target):not(.open):not(.showing) .hotspot,
        .house > .room:not(.open):not(.showing) .hotspot {
            border: 0;
            clip: rect(0 0 0 0);
            height: auto;
            margin: 0;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
            white-space: nowrap;
        }

        .house > .room.open,
        .house > .room.showing {
            opacity: 1;
            z-index: 20;
            top: 7vh !important;
            left: calc((100% - 85vh) / 2) !important;
            width: 85vh !important;
            height: auto !important;
        }

        .house > .room .close-button {
            position: absolute;
            border: none;
        }

    .house > video:not(.played) ~ * {
        display: none;
    }

    .house > video.played ~ .room {
        display: block;
    }

    .house .fullscreen-controls {
        display: none;
        position: absolute;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 18;
    }

        .house .fullscreen-controls button {
            font-size: 1.2em;
            cursor: pointer;
            border: none;
            padding: 1em 1.6em;
            color: #fff;
            background: #6aa8df;
            border-radius: 2em;
        }

        .house .fullscreen-controls .fs-end {
            width: 100px;
            height: 100px;
            background: url(button_collapse.png) center no-repeat;
            background-size: 100%;
        }

            .house .fullscreen-controls .fs-end span {
                border: 0;
                clip: rect(0 0 0 0);
                height: auto;
                margin: 0;
                overflow: hidden;
                padding: 0;
                position: absolute;
                width: 1px;
                white-space: nowrap;
            }

        .house .fullscreen-controls .fs-start {
            display: block;
        }

        .house .fullscreen-controls .fs-end {
            display: none;
        }

:-webkit-full-screen {
    background: #111;
}

:fullscreen {
    background: #111;
}

:-webkit-full-screen .house .fullscreen-controls .fs-start {
    display: none;
}

:fullscreen .house .fullscreen-controls .fs-start {
    display: none;
}

:-webkit-full-screen .house .fullscreen-controls .fs-end {
    display: block;
}

:fullscreen .house .fullscreen-controls .fs-end {
    display: block;
}

.debug .room {
    mix-blend-mode: difference;
    opacity: 0.8;
}

video {
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
}

    video.loading,
    video.playing {
        cursor: wait;
    }
/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
@font-face {
    font-family: 'lightcase';
    src: url("fonts/lightcase.eot?55356177");
    src: url("fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("fonts/lightcase.woff?55356177") format("woff"), url("fonts/lightcase.ttf?55356177") format("truetype"), url("fonts/lightcase.svg?55356177#lightcase") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*='lightcase-icon-']:before {
    font-family: 'lightcase', sans-serif;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
    content: '\e800';
}
/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
    content: '\e801';
}
/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
    content: '\e802';
}
/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
    content: '\e803';
}
/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
    content: '\e804';
}
/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
    content: '\e805';
}
/**
 * Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9)
 */
/**
 * Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/**
 * Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/**
 * Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-webkit-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case {
    display: none;
    position: fixed;
    z-index: 2002;
    top: 50%;
    left: 50%;
    font-family: arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 640px) {
    /* line 16, ../scss/components/modules/_case.scss */
    html[data-lc-type=inline] #lightcase-case,
    html[data-lc-type=ajax] #lightcase-case {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        padding: 55px 0 70px 0;
        width: 100% !important;
        height: 100% !important;
        overflow: auto !important;
    }
}

@media screen and (min-width: 641px) {
    /* line 4, ../scss/components/modules/_content.scss */
    html:not([data-lc-type=error]) #lightcase-content {
        position: relative;
        z-index: 1;
        text-shadow: none;
        background-color: #fff;
        -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        -webkit-backface-visibility: hidden;
    }
}

@media screen and (min-width: 641px) {
    /* line 23, ../scss/components/modules/_content.scss */
    html[data-lc-type=image] #lightcase-content,
    html[data-lc-type=video] #lightcase-content {
        background-color: #333;
    }
}
/* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content,
html[data-lc-type=ajax] #lightcase-content,
html[data-lc-type=error] #lightcase-content {
    -o-box-shadow: none;
    box-shadow: none;
}

@media screen and (max-width: 640px) {
    /* line 31, ../scss/components/modules/_content.scss */
    html[data-lc-type=inline] #lightcase-content,
    html[data-lc-type=ajax] #lightcase-content,
    html[data-lc-type=error] #lightcase-content {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }
}
/* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    /* line 43, ../scss/components/modules/_content.scss */
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
        padding: 15px;
    }
        /* line 52, ../scss/components/modules/_content.scss */
        html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
        html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *,
        html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
        html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *,
        html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
        html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
            width: 100% !important;
            max-width: none !important;
        }
            /* line 59, ../scss/components/modules/_content.scss */
            html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe),
            html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe),
            html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
                height: auto !important;
                max-height: none !important;
            }
}

@media screen and (max-width: 640px) {
    /* line 70, ../scss/components/modules/_content.scss */
    html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width: 640px) and (min-width: 641px) {
    /* line 74, ../scss/components/modules/_content.scss */
    html[data-lc-type=image] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
        line-height: 0.75;
    }
}
/* line 82, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
    position: relative;
    overflow: hidden !important;
}

@media screen and (max-width: 640px) {
    /* line 91, ../scss/components/modules/_content.scss */
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
    html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }
}

@media screen and (min-width: 641px) {
    /* line 100, ../scss/components/modules/_content.scss */
    html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        padding: 30px;
        overflow: auto;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 640px) {
    /* line 117, ../scss/components/modules/_content.scss */
    #lightcase-content h1,
    #lightcase-content h2,
    #lightcase-content h3,
    #lightcase-content h4,
    #lightcase-content h5,
    #lightcase-content h6,
    #lightcase-content p {
        color: #aaa;
    }
}

@media screen and (min-width: 641px) {
    /* line 117, ../scss/components/modules/_content.scss */
    #lightcase-content h1,
    #lightcase-content h2,
    #lightcase-content h3,
    #lightcase-content h4,
    #lightcase-content h5,
    #lightcase-content h6,
    #lightcase-content p {
        color: #333;
    }
}
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
    margin: 0;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaa;
}

@media screen and (max-width: 640px) {
    /* line 3, ../scss/components/modules/_error.scss */
    #lightcase-case p.lightcase-error {
        padding: 30px 0;
    }
}

@media screen and (min-width: 641px) {
    /* line 3, ../scss/components/modules/_error.scss */
    #lightcase-case p.lightcase-error {
        padding: 0;
    }
}
/* line 4, ../scss/components/modules/_global.scss */
.lightcase-open body {
    overflow: hidden;
}
/* line 8, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
    max-width: 100%;
    max-height: 100%;
}
/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
    position: absolute;
    padding-top: 15px;
}
    /* line 9, ../scss/components/modules/_info.scss */
    #lightcase-info #lightcase-title,
    #lightcase-info #lightcase-caption {
        margin: 0;
        padding: 0;
        line-height: 1.5;
        font-weight: normal;
        text-overflow: ellipsis;
    }
    /* line 19, ../scss/components/modules/_info.scss */
    #lightcase-info #lightcase-title {
        font-size: 17px;
        color: #aaa;
    }

@media screen and (max-width: 640px) {
    /* line 19, ../scss/components/modules/_info.scss */
    #lightcase-info #lightcase-title {
        position: fixed;
        top: 10px;
        left: 0;
        max-width: 87.5%;
        padding: 5px 15px;
        background: #333;
    }
}
/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
    clear: both;
    font-size: 13px;
    color: #aaa;
}
/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
    font-size: 11px;
    color: #aaa;
}

@media screen and (max-width: 640px) {
    /* line 45, ../scss/components/modules/_info.scss */
    .lightcase-fullScreenMode #lightcase-info {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* line 51, ../scss/components/modules/_info.scss */
    html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
        position: static;
    }
}
/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading {
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    position: fixed;
    z-index: 2001;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.5em;
    opacity: 1;
    font-size: 32px;
    text-shadow: 0 0 15px #fff;
    -moz-transform-origin: 50% 53%;
    -webkit-animation: lightcase-spin 0.5s infinite linear;
    animation: lightcase-spin 0.5s infinite linear;
}
    /* line 20, ../scss/components/mixins/_presets.scss */
    #lightcase-loading,
    #lightcase-loading:focus {
        text-decoration: none;
        color: #fff;
        -webkit-tap-highlight-color: transparent;
        transition: color, opacity, ease-in-out 0.25s;
    }
        /* line 32, ../scss/components/mixins/_presets.scss */
        #lightcase-loading > span {
            display: inline-block;
            text-indent: -9999px;
        }
/* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
    position: fixed;
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    outline: none;
    cursor: pointer;
}
    /* line 20, ../scss/components/mixins/_presets.scss */
    a[class*='lightcase-icon-'],
    a[class*='lightcase-icon-']:focus {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.6);
        -webkit-tap-highlight-color: transparent;
        transition: color, opacity, ease-in-out 0.25s;
    }
        /* line 32, ../scss/components/mixins/_presets.scss */
        a[class*='lightcase-icon-'] > span {
            display: inline-block;
            text-indent: -9999px;
        }
        /* line 49, ../scss/components/mixins/_presets.scss */
        a[class*='lightcase-icon-']:hover {
            color: white;
            text-shadow: 0 0 15px white;
        }
/* line 10, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
    color: #aaa;
    text-shadow: none;
}
/* line 17, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-close {
    position: fixed;
    top: 15px;
    right: 15px;
    bottom: auto;
    margin: 0;
    opacity: 0;
    outline: none;
}
/* line 28, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-prev {
    left: 15px;
}
/* line 33, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-next {
    right: 15px;
}
/* line 38, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-pause,
a[class*='lightcase-icon-'].lightcase-icon-play {
    left: 50%;
    margin-left: -0.5em;
}

@media screen and (min-width: 641px) {
    /* line 38, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-'].lightcase-icon-pause,
    a[class*='lightcase-icon-'].lightcase-icon-play {
        opacity: 0;
    }
}

@media screen and (max-width: 640px) {
    /* line 2, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-'] {
        bottom: 15px;
        font-size: 24px;
    }
}

@media screen and (min-width: 641px) {
    /* line 2, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-'] {
        bottom: 50%;
        margin-bottom: -0.5em;
    }
        /* line 57, ../scss/components/modules/_navigation.scss */
        a[class*='lightcase-icon-']:hover,
        #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
            opacity: 1;
        }
}
/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
    display: none;
    width: 100%;
    min-height: 100%;
    position: fixed;
    z-index: 2000;
    top: -9999px;
    bottom: -9999px;
    left: 0;
    background: #333;
}

@media screen and (max-width: 640px) {
    /* line 1, ../scss/components/modules/_overlay.scss */
    #lightcase-overlay {
        opacity: 1 !important;
    }
}

.overlay .infobox {
    font-size: 30px;
    font-size: 3rem;
    width: 20vw;
    height: 20vw;
}

.overlay .close-button + .spacer-block {
    display: none;
}

    .overlay .close-button + .spacer-block + .spacer-block {
        display: none;
    }
/*! Tablesaw - v3.1.2 - 2019-03-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2019 Filament Group; Licensed MIT */
.tablesaw {
    width: 100%;
    max-width: 100%;
    empty-cells: show;
    border-collapse: collapse;
    border: 0;
    padding: 0;
}

    .tablesaw * {
        box-sizing: border-box;
    }

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none;
}
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
/* Support note IE9+: @media only all */
@media only all {
    /* Show the table cells as a block level element */
    .tablesaw-stack {
        clear: both;
    }

        .tablesaw-stack td,
        .tablesaw-stack th {
            text-align: left;
            display: block;
        }

        .tablesaw-stack tr {
            clear: both;
            display: table-row;
        }
        /* Make the label elements a percentage width */
        .tablesaw-stack td .tablesaw-cell-label,
        .tablesaw-stack th .tablesaw-cell-label {
            display: inline-block;
            padding: 0 0.6em 0 0;
            width: 30%;
        }
        /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
        .tablesaw-stack th .tablesaw-cell-label-top,
        .tablesaw-stack td .tablesaw-cell-label-top {
            display: block;
            padding: 0.4em 0;
            margin: 0.4em 0;
        }

    .tablesaw-cell-label {
        display: block;
    }
    /* Avoid double strokes when stacked */
    .tablesaw-stack tbody th.group {
        margin-top: -1px;
    }
    /* Avoid double strokes when stacked */
    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important;
    }
}

@media (max-width: 39.9375em) {
    /* Table rows have a gray bottom stroke by default */
    .tablesaw-stack tbody tr {
        display: block;
        width: 100%;
        border-bottom: 1px solid #dfdfdf;
    }

    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: none;
    }

    .tablesaw-stack tbody td,
    .tablesaw-stack tbody th {
        display: block;
        float: left;
        clear: left;
        width: 100%;
    }

    .tablesaw-cell-label {
        vertical-align: top;
    }

    .tablesaw-cell-content {
        display: inline-block;
        max-width: 67%;
    }

    .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
    .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .tablesaw-stack td:empty,
    .tablesaw-stack th:empty {
        display: none;
    }
}
/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
    .tablesaw-stack tr {
        display: table-row;
    }
    /* Show the table header rows */
    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: table-cell;
        margin: 0;
    }
        /* Hide the labels in each cell */
        .tablesaw-stack td .tablesaw-cell-label,
        .tablesaw-stack th .tablesaw-cell-label {
            display: none !important;
        }
}
/* poppins-200 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/poppins-v20-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('fonts/poppins-v20-latin-200.woff') format('woff');
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-200italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    src: url('fonts/poppins-v20-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('fonts/poppins-v20-latin-200italic.woff') format('woff');
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('fonts/poppins-v20-latin-500.woff') format('woff');
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    src: url('fonts/poppins-v20-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('fonts/poppins-v20-latin-500italic.woff') format('woff');
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('fonts/poppins-v20-latin-700.woff') format('woff');
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/poppins-v20-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('fonts/poppins-v20-latin-700italic.woff') format('woff');
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html {
    font-size: 62.5%;
}

html,
body,
figure {
    padding: 0;
    margin: 0;
}

body {
    background: #f5eee6 !important;
    font-family: Poppins, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 1.6em;
    color: #20262c;
}

@media only screen and (max-width: 890px) {
    body {
        padding-bottom: 100px;
    }
}

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

p {
    margin: 0;
}

* + p {
    margin-top: 1em;
}

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

h1,
h2,
h3 {
    margin: 0 0 1em;
}

a {
    color: #6aa8df;
    text-decoration: none;
}

    a:hover,
    a:focus {
        text-decoration: underline;
    }

.sr-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap;
    transition: none !important;
    visibility: hidden;
    position: absolute;
    font-size: 0;
    height: 0;
    width: 0;
}

    .sr-text * {
        transition: none !important;
    }

.divider {
    border: none;
    height: 2px;
    background: #d1d2d3;
    padding: 0;
    margin: 2em 0;
}

.grid-page-columns {
    display: grid;
    grid-template-columns: minmax(auto, 1fr) [content-start] minmax(auto, 1600px) [content-end] minmax(auto, 1fr);
    margin-top: 100px;
    min-height: 3em;
    background: rgba(0, 200, 0, 0.15);
    border: 4px solid rgba(0, 0, 0, 0.7);
}

.grid-navbar-columns {
    display: grid;
    grid-template-columns: auto [outer-start] minmax(auto, 1fr) [inner-start] repeat(6, minmax(auto, 200px)) [inner-end] minmax(auto, 1fr) [outer-end] auto;
    margin-top: 100px;
    min-height: 3em;
    background: rgba(200, 0, 0, 0.15);
    border: 4px solid rgba(0, 0, 0, 0.7);
}

.grid-cell {
    min-height: 3em;
    background: rgba(0, 0, 0, 0.25);
    border: 1px dashed rgba(0, 0, 0, 0.7);
}

    .grid-cell:nth-child(even) {
        background: rgba(0, 0, 100, 0.5);
    }

.placeholder {
    box-sizing: border-box;
    background: var(--placeholder-bgcolor, rgba(0, 100, 200, 0.3));
    min-height: 5em;
    border: 2px solid transparent;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.7);
    background-clip: padding-box;
    padding: 10px;
    display: flex;
}

    .placeholder h3 {
        margin: auto;
        font-size: 1em;
        font-weight: normal;
        text-align: center;
    }

        .placeholder h3::before {
            content: "[ ";
        }

        .placeholder h3::after {
            content: " ]";
        }

.numberbox {
    font-size: 47.5px;
    font-size: 4.75rem;
    line-height: 1.01052632;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: #09193b;
    /*background: #222 url(eurodan_texture_dark.jpg) left top;*/
    width: 125px;
    height: 125px;
    background-size: auto;
    color: #ffffff;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .numberbox {
        font-size: 100px;
        font-size: 10rem;
        line-height: 1;
        width: 150px;
        height: 150px;
    }
}

.infobox {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.1;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: #09193b; /*#f0d08b url(eurodan_texture_gold.jpg) left top no-repeat;*/
    background-size: auto;
    background-size: 100%;
    width: 250px;
    height: 250px;
    width: 66.66vw;
    height: 66.66vw;
    font-size: 6.6vw;
    color: white;
}

    .infobox p {
        text-align: center;
        margin: auto 6.25%;
    }

@media only screen and (min-width: 768px) {
    .infobox {
        font-size: 40px;
        font-size: 4rem;
        line-height: 1.125;
        font-size: 2.5rem;
        width: 25vw;
        height: 25vw;
    }
}

@media only screen and (min-width: 1600px) {
    .infobox {
        font-size: 40px;
        font-size: 4rem;
        line-height: 1.125;
        width: 400px;
        height: 400px;
    }
}

.iconbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: #09193b;
    /*background: #222 url(eurodan_texture_dark.jpg) left top;*/
    background-size: auto;
    width: 250px;
    height: 250px;
    width: 66.66vw;
    height: 66.66vw;
}

    .iconbox img {
        width: 85%;
    }

@media only screen and (min-width: 768px) {
    .iconbox {
        width: 25vw;
        height: 25vw;
    }
}

@media only screen and (min-width: 1600px) {
    .iconbox {
        width: 400px;
        height: 400px;
    }
}

.textbox {
    font-size: 17.5px;
    font-size: 1.75rem;
    line-height: 1.28571429;
    padding: 1em 0;
}

    .textbox h1,
    .textbox h2,
    .textbox h3 {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 1.1;
        font-weight: 500;
    }

    .textbox * + h1,
    .textbox * + h2,
    .textbox * + h3 {
        margin-top: 1.5em;
    }

    .textbox ul {
        list-style: square;
    }

    .textbox a {
        font-weight: 700;
    }

    .textbox em {
        font-size: 1.5rem;
    }

@media only screen and (min-width: 768px) {
    .textbox {
        font-size: 22px;
        font-size: 1.75rem;
        line-height: 1.36363636;
        font-weight: 200;
    }

        .textbox a {
            font-weight: 600;
        }

        .textbox h1,
        .textbox h2 {
            font-size: 40px;
            font-size: 2.5rem;
            line-height: 1.125;
        }
}

.mainnavigation > ul {
    background: #f5eee6; /*#f4f4f4;*/
    /*background: #f4f4f4 url(eurodan_texture_light.jpg) center top;*/
    background-size: auto;
    padding: 0;
    margin: 0;
    z-index: 10;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
}

    .mainnavigation > ul > li > a {
        transition: 0.3s linear;
        color: inherit;
        text-decoration: none;
        font-weight: 500;
        height: 100px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: stretch;
        padding: 20px;
    }

        .mainnavigation > ul > li > a:hover,
        .mainnavigation > ul > li > a:focus,
        .mainnavigation > ul > li > a:active,
        .mainnavigation > ul > li > a.selected {
            background: #09193b; /*#f4f4f4;*/
            /*background: #222 url(eurodan_texture_dark.jpg) left top;*/
            background-size: auto;
            color: #ffffff;
        }

        .mainnavigation > ul > li > a .link {
            text-transform: uppercase;
            white-space: nowrap;
        }

        .mainnavigation > ul > li > a .desc {
            display: block;
            margin-top: 1em;
        }

@media (max-width: 1199px) {
    .mainnavigation > ul > li > a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.14285714;
    }

        .mainnavigation > ul > li > a .desc {
            font-size: 10px;
            font-size: 1rem;
            line-height: 1.4;
        }
}

@media (min-width: 1200px) {
    .mainnavigation > ul > li > a {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.06666667;
    }

        .mainnavigation > ul > li > a .desc {
            font-size: 11px;
            font-size: 1.1rem;
            line-height: 1.45454545;
        }
}

@media (min-width: 1200px) {
    .mainnavigation > ul > li > a {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 0.875;
    }

        .mainnavigation > ul > li > a .desc {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.33333333;
        }
}

@media (min-width: 1600px) {
    .mainnavigation > ul > li > a {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 0.77777778;
    }

        .mainnavigation > ul > li > a .desc {
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 1.23076923;
        }
}

.scrolled_disabled .mainnavigation > ul > li:not(:first-child) {
    opacity: 0;
    pointer-events: none;
}

.scrolled_disabled .mainnavigation > ul > li {
    transition: none;
}

    .scrolled_disabled .mainnavigation > ul > li a[href="#menu"] {
        padding: 20px;
        width: 200px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        text-transform: uppercase;
        transition: none;
    }

        .scrolled_disabled .mainnavigation > ul > li a[href="#menu"] .bars {
            width: 30px;
            display: inline-block;
            margin-right: 15px;
        }

            .scrolled_disabled .mainnavigation > ul > li a[href="#menu"] .bars span {
                display: block;
                width: 100%;
                height: 2px;
                background: currentcolor;
            }

                .scrolled_disabled .mainnavigation > ul > li a[href="#menu"] .bars span + span {
                    margin-top: 6px;
                }

html:not(.scrolled_disabled) .mainnavigation > ul > li a[href="#menu"] {
    transition: unset;
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap;
    transition: none !important;
    visibility: hidden;
    position: absolute;
    font-size: 0;
    height: 0;
    width: 0;
}

    html:not(.scrolled_disabled) .mainnavigation > ul > li a[href="#menu"] * {
        transition: none !important;
    }

.debug * {
    transition-duration: 4s !important;
}

.herobanner {
    position: relative;
}

    .herobanner figcaption {
        font-size: 65px;
        font-size: 6.5rem;
        line-height: 1.07692308;
        font-weight: 500;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #ffffff;
        text-align: center;
    }

    .herobanner.dark-text figcaption {
        color: #140f0e;
    }

@media only screen and (min-width: 768px) {
    .imageblock.has-infobox .infobox {
        position: relative;
        -webkit-transform: translateY(-75%);
        transform: translateY(-75%);
    }
}

.imageblock.svgfile {
    height: auto;
}

    .imageblock.svgfile picture {
        margin: auto;
    }

.imageblock-gallery .swiper-pagination-bullet-active {
    background: #0e1217;
}

.imageblock-gallery .swiper-button-prev,
.imageblock-gallery .swiper-button-next {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    margin-top: -38px;
}

    .imageblock-gallery .swiper-button-prev.swiper-button-disabled,
    .imageblock-gallery .swiper-button-next.swiper-button-disabled {
        opacity: 0;
    }

@media only screen and (max-width: 767px) {
    .imageblock-gallery .swiper-button-prev,
    .imageblock-gallery .swiper-button-next {
        width: 40px;
        height: 40px;
        background-size: 40%;
    }
}

.imageblock-gallery .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230e1217'%2F%3E%3C%2Fsvg%3E");
}

.imageblock-gallery .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%230e1217%27%2F%3E%3C%2Fsvg%3E");
}

.imageblock-gallery .swiper-slide.svgfile {
    background: #09193b;
    /*background: #222 url(eurodan_texture_dark.jpg) left top;*/
    background-size: auto;
}

@supports (display: grid) {
    @media only screen and (min-width: 768px) {
        .imageblock {
            display: grid;
            grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];
        }

            .imageblock picture {
                grid-column: outer;
            }

            .imageblock.has-infobox picture {
                grid-row: 1;
            }

            .imageblock.has-infobox .infobox {
                grid-row: 1;
                grid-column: left;
                align-self: end;
                -webkit-transform: translateY(25%);
                transform: translateY(25%);
            }

            .imageblock.infobox-center .infobox {
                grid-column: center;
            }

            .imageblock.infobox-right .infobox {
                grid-column: right;
            }
    }

    @media only screen and (min-width: 768px) and only screen and (max-width: 767px) {
        .imageblock {
            grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
        }
    }
}

.datatable {
    width: 100%;
}

    .datatable th {
        font-weight: inherit;
        text-align: left;
    }

    .datatable tbody td {
        text-align: right;
    }

    .datatable thead th,
    .datatable tbody td {
        border-bottom: 2px solid #45494d;
        height: 2.6em;
    }

@media only screen and (max-width: 767px) {
    .datatable {
        font-size: 18px;
        font-size: 1.8rem;
        border-collapse: collapse;
    }

        .datatable thead {
            border: 0;
            clip: rect(0 0 0 0);
            height: auto;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 1px;
            white-space: nowrap;
            transition: none !important;
            visibility: hidden;
            position: absolute;
            font-size: 0;
            height: 0;
            width: 0;
        }

            .datatable thead * {
                transition: none !important;
            }

        .datatable tbody td {
            padding-right: 30px;
        }

        .datatable caption,
        .datatable td,
        .datatable th {
            border-bottom: 2px solid #45494d;
        }

        .datatable caption {
            height: 2.6em;
            line-height: 2.6;
            text-align: left;
        }
}

@media only screen and (min-width: 768px) {
    .datatable {
        font-size: 25px;
        font-size: 2.5rem;
    }

        .datatable caption {
            border: 0;
            clip: rect(0 0 0 0);
            height: auto;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 1px;
            white-space: nowrap;
            transition: none !important;
            visibility: hidden;
            position: absolute;
            font-size: 0;
            height: 0;
            width: 0;
        }

            .datatable caption * {
                transition: none !important;
            }

        .datatable tbody td::before {
            content: "kr.";
            float: left;
        }
}

.subscribeform {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .subscribeform .submission {
        text-align: center;
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 768px) {
    .subscribeform .submission {
        text-align: right;
    }

        .subscribeform .submission .submitbutton {
            width: auto;
            min-width: 12em;
        }
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
[type="submit"] {
    font-size: inherit;
    font-family: inherit;
    width: 100%;
    background: transparent;
}

.submission {
    margin: 1em 0;
}

.registerform .submission,
.loginform .submission {
    margin-right: 2em;
    margin-left: 2em;
}

.formfield label {
    font-weight: 500;
    font-size: smaller;
}

.formfield + .formfield {
    margin-top: 0.6em;
}

.formfield.selectfield {
    margin-top: 0 !important;
}

.formfield.error .field-validation-error {
    display: block;
    color: #ff4c4c;
    font-size: 70%;
    padding-top: 4px;
}

.submitbutton {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 3.21428571;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 25px;
    height: 50px;
    min-width: 12em;
    background: #83bc4e;
    color: #ffffff;
    cursor: pointer;
    text-transform: uppercase;
}

.textfield,
.passwordfield {
    padding: 0;
    margin: 0;
}

    .textfield input + textarea,
    .passwordfield input {
        margin: 0;
        border: solid #242b30;
        border-width: 0 0 2px 0;
        /*padding: 8px 0;*/
        font-size: 1.5rem;
    }

    .textfield label + input,
    .passwordfield label + input {
        margin-top: 0px;
    }

    .textfield textarea {
        border-width: 1px !important;
    }

@media only screen and (max-width: 767px) {
    .textfield,
    .passwordfield {
        font-size: 17.5px;
        font-size: 1.75rem;
        line-height: 1.28571429;
    }
}

@media only screen and (min-width: 768px) {
    .textfield,
    .passwordfield {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        font-weight: 200;
    }
}

.selectfield {
    margin: 0;
    border: none;
}

    .selectfield select {
        background: #f5eee6; /*rgba(238, 221, 183, 0.45);*/
        /*padding: 6px 12px;*/
        margin-top: 0;
        margin-bottom: 0;
        border: 1px solid #222;
        font-size: 1.5rem;
    }

    .selectfield + .selectfield {
        border-top: none;
    }

@media only screen and (max-width: 767px) {
    .selectfield {
        font-size: 17.5px;
        font-size: 1.75rem;
        line-height: 1.28571429;
        padding: 16px 15px;
        border-width: 3px;
    }
}

@media only screen and (min-width: 768px) {
    .selectfield {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        font-weight: 200;
    }
}

.textareafield {
    padding: 0;
    margin: 0;
}

    .textareafield label {
        display: block;
        padding-bottom: 1rem;
    }

    .textareafield textarea {
        margin: 0;
        border: solid #242b30;
        border-width: 2px;
        height: 6em;
        font-size: 1.5rem;
    }

@media only screen and (max-width: 767px) {
    .textareafield {
        font-size: 17.5px;
        font-size: 1.75rem;
        line-height: 1.28571429;
    }

        .textareafield textarea {
            padding: 20px 15px;
        }
}

@media only screen and (min-width: 768px) {
    .textareafield {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        font-weight: 200;
    }

        .textareafield textarea {
            padding: 20px;
        }
}

.input-validation-error {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    color: #ff4c4c;
    display: block;
    min-height: 22px;
}

.nobr {
    white-space: nowrap;
    -webkit-hyphens: none;
    hyphens: none;
}

.price {
    color: #eeddb7;
}

    .price span {
        text-transform: uppercase;
    }

@media only screen and (max-width: 767px) {
    .price {
        font-size: 22.5px;
        font-size: 2.25rem;
    }

        .price .amount {
            font-size: 47.5px;
            font-size: 4.75rem;
            line-height: 1.01052632;
        }
}

@media only screen and (min-width: 768px) {
    .price {
        font-size: 50px;
        font-size: 5rem;
    }

        .price .amount {
            font-size: 100px;
            font-size: 10rem;
            line-height: 1;
        }
}

.readmore-link {
    display: inline-block;
    margin-top: 1em;
    color: #6aa8df;
    background: url(icon-readmore-arrow.png) left center no-repeat;
}

@media only screen and (max-width: 767px) {
    .readmore-link {
        font-size: 17.5px;
        font-size: 1.75rem;
        line-height: 1.28571429;
        font-weight: 500;
        padding-left: 37px;
        background-size: 25px;
    }
}

@media only screen and (min-width: 768px) {
    .readmore-link {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        font-weight: 200;
        font-weight: 500;
        padding-left: 45px;
        background-size: 31px;
    }
}

.detailslist {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 1.5em;
}

@media only screen and (max-width: 767px) {
    .detailslist {
        font-size: 17.5px;
        font-size: 1.75rem;
        line-height: 1.28571429;
    }
}

@media only screen and (min-width: 768px) {
    .detailslist {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        font-weight: 200;
    }
}

.detailslist li {
    line-height: 2.95;
    padding-left: 10px;
}

    .detailslist li + li {
        border-top: 1px solid #45494d;
    }

@media only screen and (max-width: 767px) {
    .detailslist li {
        padding-left: 5px;
    }
}

.typenumber {
    color: black;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .typenumber {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 1.1;
    }
}

@media only screen and (min-width: 768px) {
    .typenumber {
        font-size: 40px;
        font-size: 4rem;
        line-height: 1.125;
    }
}

.tools {
    padding: 0;
    margin: 0;
    padding-top: 50px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

    .tools li + li {
        margin-left: 6px;
    }

    .tools button {
        cursor: pointer;
        border: none;
        background: none;
        display:none;
    }

        .tools button:focus {
            outline: none;
        }

        .tools button::after {
            content: "";
            display: block;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background-color: #6aa8df;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 32px;
        }

        .tools button.tool-print::after {
            background-image: url(icon-print.png);
        }

        .tools button.tool-favorite::after {
            background-image: url(icon-favorite.png);
        }

@media only screen and (max-width: 767px) {
    .tools li + li {
        margin-left: 3px;
    }

    .tools button::after {
        width: 35px;
        height: 35px;
        background-size: 16px;
    }
}

.spacer-block {
    display: block;
    height: 200px;
}

    .spacer-block.half {
        height: 100px;
    }

    .spacer-block.quarter {
        height: 50px;
    }

.debug .spacer-block {
    background: rgba(255, 128, 0, 0.5);
}

@media only screen and (max-width: 890px) {
    .navigation-panel + .spacer-block {
        height: 40px;
    }
}

.housetypelink {
    font-size: 22px;
    font-size: 2.2rem;
    color: #ffffff;
    display: inline-block;
}

    .housetypelink figure {
        position: relative;
    }

        .housetypelink figure::after {
            content: "";
            display: block;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: #83bc4e url(icon-arrow-white.png) center no-repeat;
            position: absolute;
            right: -25px;
            bottom: 0;
        }

    .housetypelink figcaption {
        text-align: center;
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
    }

    .housetypelink img[src$="h-hus.png"] + figcaption {
        -webkit-transform: translateY(-106px);
        transform: translateY(-106px);
    }

    .housetypelink img[src$="specialhus.png"] {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }

        .housetypelink img[src$="specialhus.png"] + figcaption {
            -webkit-transform: translateY(-124px);
            transform: translateY(-124px);
        }

.subnav {
    border-left: 1pt white solid;
    border-bottom: 1pt white solid;
    border-right: 1pt white solid;
    background: #09193b; /*#222 url(eurodan_texture_dark.jpg) left top;*/
    background-size: auto;
    padding: 0;
    margin: 0;
    padding: 20px 30px 30px;
    list-style: none;
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 1;
}

    .subnav li {
        border-bottom: 1px solid #45494d;
        line-height: 2.6;
    }

    .subnav a {
        display: block;
        color: #ffffff;
    }

.dropdownaction {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 400px;
}

    .dropdownaction .text {
        padding: 50px 45px 20px;
    }

    .dropdownaction h3 {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.33333333;
        font-weight: 500;
        margin-right: 1em;
        margin-bottom: 0.5em;
    }

    .dropdownaction.alt .text,
    .dropdownaction + .dropdownaction .text {
        padding: 20px 45px 50px;
    }

    .dropdownaction.alt .media,
    .dropdownaction + .dropdownaction .media {
        order: -1;
    }

.navbutton {
    background: #3E83B7; /*#222 url(eurodan_texture_dark.jpg) left top;*/
    background-size: auto;
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
    min-width: 70px;
    color: #fff; /*#eeddb7;*/
    padding: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}

    .navbutton > div {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .navbutton .label {
        text-transform: uppercase;
        font-size: inherit;
        color: inherit;
        text-align: center;
        line-height: 15px;
    }

    .navbutton .desc {
        border: 0;
        clip: rect(0 0 0 0);
        height: auto;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 1px;
        white-space: nowrap;
        transition: none !important;
        visibility: hidden;
        position: absolute;
        font-size: 0;
        height: 0;
        width: 0;
    }

        .navbutton .desc * {
            transition: none !important;
        }

    .navbutton::before {
        content: "";
        display: block;
        width: 26px;
        height: 26px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        margin-bottom: 15px;
    }

    .navbutton[data-icon="catalog"]::before {
        background-image: url(navbutton-catalog.png);
    }

    .navbutton[data-icon="login"]::before {
        background-image: url(navbutton-login.png);
    }

    .navbutton[data-icon="meeting"]::before {
        background-image: url(navbutton-meeting.png);
    }

    .navbutton[data-icon="search"]::before {
        background-image: url(navbutton-search.png);
        background-size: contain;
    }

.wide .navbutton {
    flex-direction: row;
}

    .wide .navbutton::before {
        margin-bottom: 0;
        margin-right: 15px;
    }

    .wide .navbutton > div {
        justify-content: center;
        align-items: flex-start;
    }

    .wide .navbutton .label {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .wide .navbutton .desc {
        font-size: 13px;
        font-size: 1.3rem;
        visibility: visible;
        position: static;
        font-size: inherit;
        height: auto;
        width: auto;
        margin-top: 10px;
    }

.compact .navbutton {
    width: 50px;
    height: 50px;
}

    .compact .navbutton::before {
        margin: 0;
    }

    .compact .navbutton .label {
        border: 0;
        clip: rect(0 0 0 0);
        height: auto;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 1px;
        white-space: nowrap;
        transition: none !important;
        visibility: hidden;
        position: absolute;
        font-size: 0;
        height: 0;
        width: 0;
    }

        .compact .navbutton .label * {
            transition: none !important;
        }

@media only screen and (min-width: 1600px) {
    .navbutton {
        padding: 8px 16px;
    }
}

.navbutton-inverse {
    background: #83bce4; /*#eeddb7 url(eurodan_texture_gold.jpg) left top;*/
    color: #20262c;
}

    .navbutton-inverse[data-icon="catalog"]::before {
        background-image: url(navbutton-catalog-neg.png);
    }

.logo {
    width: 100px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

    .logo img {
        -webkit-filter: invert(40%);
        filter: invert(40%);
    }

.breaker {
    background: #ffffff;
}

    .breaker .inner {
        box-sizing: content-box;
        max-width: 1200px;
        /*padding-left: 10px;*/
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

        .breaker .inner .textbox {
            padding-top: 50px;
            padding-right: 90px;
        }

    .breaker.mirror .inner .media {
        order: -1;
    }

    .breaker.mirror .inner .textbox {
        padding-left: 50px;
    }

@media only screen and (max-width: 767px) {
    .breaker .inner {
        flex-direction: column;
        padding-left: 0;
    }

        .breaker .inner .textbox {
            background: #f5eee6; /*#f4f4f4;*/
            /*background: #f4f4f4 url(eurodan_texture_light.jpg) center top;*/
            background-size: auto;
            padding: 30px 50px;
        }

        .breaker .inner .media {
            align-self: flex-end;
        }

    .breaker.mirror .inner .media {
        align-self: flex-start;
        order: 1;
    }
}

.breaker.small-low {
    border-radius: 90px;
}

.breaker.small-low-light {
    background-color: #eeddb7 !important;
    border-radius: 90px;
    color: #09193b;
}

.breaker.small-low-dark {
    background-color: #09193b !important;
    border-radius: 90px;
    color: #eeddb7;
}

.breaker.small-low .inner {
    grid-template-columns: initial;
}

    .breaker.small-low .inner .textbox {
        padding-top: 20px !important;
        background: unset;
    }

.breaker.small-low .textbox > h2 {
    font-size: 4.5rem;
}

.breaker.small-low .inner a {
    color: #6aa8df;
}

@media only screen and (max-width: 767px) {
    .breaker.small-low .textbox > h2 {
        font-size: 2.5rem;
    }

    .breaker.small-low .media{
        display: none;
    }
}

@supports (display: grid) {

    @media only screen and (min-width: 768px) {
        .breaker {
            display: grid;
            /*grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];*/
            background: #ffffff;
        }

            .breaker > picture {
                grid-column: outer;
            }

                .breaker > picture img {
                    width: 100%;
                    height: auto;
                }

            .breaker .inner {
                grid-column: inner;
                display: grid;
                grid-template-columns: [left-start] 1fr [left-end center-start] 1fr [center-end right-start] 1fr [right-end];
            }

            .breaker .textbox {
                grid-row: 1;
                grid-column: 1 / span 2;
                padding-top: 50px;
                padding-right: 90px;
            }

            .breaker .media {
                grid-column: 3;
                grid-row: 1;
            }

                .breaker .media > .iconbox {
                    max-width: 100%;
                }

            .breaker.mirror {
                background: #f5eee6; /*#f4f4f4 url(eurodan_texture_light.jpg) center top;*/
                background-size: auto;
            }

                .breaker.mirror .textbox {
                    grid-column: 2 / span 2;
                    padding-left: 50px;
                }

                .breaker.mirror .media {
                    grid-column: 1;
                }

            .breaker.wide .textbox {
                grid-column: 3 / span 1;
                padding-left: 50px;
                padding-right: 0;
            }

            .breaker.wide .media {
                grid-column: 1 / span 2;
            }

            .breaker.wide.mirror .textbox {
                grid-column: 1 / span 1;
                padding-right: 50px;
                padding-left: 0;
            }

            .breaker.wide.mirror .media {
                grid-column: 2 / span 2;
            }
    }

    @media only screen and (min-width: 768px) and only screen and (max-width: 767px) {
        .breaker {
            grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
        }
    }
}

.employeefeature > * {
    display: flex;
    flex-wrap: wrap;
    margin: calc(1.6rem / 2 * -1);
}

    .employeefeature > * > * {
        margin: calc(1.6rem / 2);
        flex-grow: 1;
        flex-basis: 300px;
    }

        .employeefeature > * > *:first-child {
            flex-basis: 0;
            flex-grow: 999;
            min-width: calc(50% - 1.6rem);
        }

.employeecard {
    position: relative;
    max-width: 400px;
    max-height: 400px;
}

    .employeecard .media {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .employeecard .media img {
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .employeecard .textbox {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 3em 1em 0.8em;
        color: #ffffff;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
    }

        .employeecard .textbox h2,
        .employeecard .textbox h3,
        .employeecard .textbox p {
            font-size: 1em;
            font-weight: normal;
            margin: 0;
            line-height: inherit;
        }

    .employeecard .contact-info {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: baseline;
    }

    .employeecard .email a {
        font-weight: 500;
    }

.filterbutton {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2;
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 2px solid #6aa8df;
    border-radius: 1em;
    height: 2.1em;
    min-width: 8em;
    background: transparent;
    color: #6aa8df;
    cursor: pointer;
}

    .filterbutton.selected {
        color: #ffffff;
        background: #6aa8df;
    }

    .filterbutton.disabled {
        cursor: not-allowed;
        color: #242b30;
        border-color: #242b30;
        opacity: 0.3;
    }

        .filterbutton.disabled:hover,
        .filterbutton.disabled:focus {
            text-decoration: none;
        }

.playbutton {
    background: transparent;
    font: inherit;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    display: block;
    width: 112px;
    height: 112px;
    background: rgba(240, 208, 139, 0.9) url(icon-play.svg) 43px center no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .playbutton {
        width: 80px;
        height: 80px;
        background-size: 24px;
        background-position: 32px center;
    }
}

.videoembed figure {
    position: relative;
    display: block;
    max-width: 100%;
    margin: 1.5em 0;
}

    .videoembed figure img {
        opacity: 0.7;
        display: block;
        max-width: 100%;
        height: auto;
    }

.videoembed figcaption {
    padding-top: 1em;
    line-height: 1.5;
}

.videoembed .playbutton {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, calc(-50% - 2em));
    transform: translate(-50%, calc(-50% - 2em));
}

.videoembed .videoscreen {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

    .videoembed .videoscreen > div,
    .videoembed .videoscreen > iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

.videoembed.has-caption figure::before {
    bottom: 3em;
}

.videoembed.has-caption.columns figcaption {
    font-size: 17.5px;
    font-size: 1.75rem;
    line-height: 1.28571429;
    flex-basis: 33%;
}

@media only screen and (min-width: 768px) {
    .videoembed.has-caption.columns figcaption {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        font-weight: 200;
    }
}

.videoembed.has-caption.columns.caption-before > * {
    display: flex;
    flex-wrap: wrap;
    margin: calc(1.6rem / 2 * -1);
}

    .videoembed.has-caption.columns.caption-before > * > * {
        margin: calc(1.6rem / 2);
        flex-grow: 1;
    }

        .videoembed.has-caption.columns.caption-before > * > *:last-child {
            flex-basis: 0;
            flex-grow: 999;
            min-width: calc(62% - 1.6rem);
        }

.videoembed.has-caption.columns.caption-after > * {
    display: flex;
    flex-wrap: wrap;
    margin: calc(2em / 2 * -1);
}

    .videoembed.has-caption.columns.caption-after > * > * {
        margin: calc(2em / 2);
        flex-grow: 1;
    }

        .videoembed.has-caption.columns.caption-after > * > *:first-child {
            flex-basis: 0;
            flex-grow: 999;
            min-width: calc(62% - 2em);
        }

@supports (display: grid) {
    .videoembed.fullbleed {
        grid-column: outer;
    }
}

.generictable table {
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

    .generictable table,
    .generictable table * {
        border: none;
    }

        .generictable table tr + tr,
        .generictable table thead + thead > tr:first-child,
        .generictable table thead + tbody > tr:first-child,
        .generictable table tbody + tbody > tr:first-child,
        .generictable table tbody + tfoot > tr:first-child,
        .generictable table tfoot + tfoot > tr:first-child,
        .generictable table thead + tfoot > tr:first-child {
            border-top: 1px solid #0e1217;
        }

        .generictable table thead {
            background: #e6e6e6;
        }

            .generictable table thead th,
            .generictable table thead td {
                font-weight: bold;
            }

.listview {
    position: relative;
    text-decoration: none;
    color: inherit;
    display: block;
}

    .listview .text {
        margin-top: 1.5em;
    }

        .listview .text h3 {
            margin-bottom: 0;
        }

            .listview .text h3 + * {
                margin-top: 0.5em;
            }

        .listview .text p {
            line-height: 1.4;
        }

    .listview:hover,
    .listview:focus {
        text-decoration: none;
    }

        .listview:hover h3,
        .listview:focus h3 {
            text-decoration: underline;
        }

    .listview.svgfile .media {
        background: #09193b;
        /*background: #222 url(eurodan_texture_dark.jpg) left top;*/
        background-size: auto;
        padding-bottom: 75%;
        height: 0;
        text-align: center;
    }

.small .listview.svgfile .media {
    padding-bottom: 100%;
}

.listview.svgfile .media .svg-wrapper {
    box-sizing: content-box;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    .listview.svgfile .media .svg-wrapper {
        width: 300px;
        height: 225px;
    }
}

@media only screen and (min-width: 768px) {
    .listview.svgfile .media .svg-wrapper {
        width: 300px;
        height: 265px;
    }
}

.listview.svgfile .media .svg-wrapper img {
    width: 95%;
    height: 95%;
}

.galleryimage {
    display: block;
}

    .galleryimage .media {
        display: block;
        position: relative;
        padding-bottom: 100%;
    }

        .galleryimage .media > * {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .galleryimage .media > video,
        .galleryimage .media > picture,
        .galleryimage .media > picture > img,
        .galleryimage .media > img {
            width: 100%;
            height: auto;
        }

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .galleryimage .media > video,
    .galleryimage .media > picture,
    .galleryimage .media > picture > img,
    .galleryimage .media > img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.mainnav {
    display: block;
    overflow: hidden;
    height: 100%;
}

    .mainnav > * {
        list-style: none;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
        margin: 0px;
    }

        .mainnav > * > * {
            flex-basis: calc((780px - 100%) * 999);
            flex-grow: 1;
            margin: 0px;
        }

@media only screen and (min-width: 768px) {
    .mainnav {
        min-width: 780px;
    }
}

.mainnav > ul {
    height: 100%;
}

    .mainnav > ul > li > a {
        transition: 0.3s linear;
        color: inherit;
        text-decoration: none;
        font-weight: 500;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: stretch;
        padding: 15px 10px;
    }

        .mainnav > ul > li > a:hover,
        .mainnav > ul > li > a:focus,
        .mainnav > ul > li > a:active,
        .mainnav > ul > li > a.selected {
            background: #09193b;
            /*background: #222 url(eurodan_texture_dark.jpg) left top;*/
            background-size: auto;
            color: #ffffff;
        }

        .mainnav > ul > li > a .link {
            text-transform: uppercase;
            white-space: nowrap;
        }

        .mainnav > ul > li > a .desc {
            font-weight: 200;
            display: block;
            margin-top: 1em;
        }

@media (max-width: 1199px) {
    .mainnav > ul > li > a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.14285714;
    }

        .mainnav > ul > li > a .desc {
            font-size: 10px;
            font-size: 1rem;
            line-height: 1.4;
        }
}

@media (min-width: 1200px) {
    .mainnav > ul > li > a {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.06666667;
    }

        .mainnav > ul > li > a .desc {
            font-size: 11px;
            font-size: 1.1rem;
            line-height: 1.45454545;
        }
}

@media (min-width: 1400px) {
    .mainnav > ul > li > a {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 0.875;
        padding: 15px;
    }

        .mainnav > ul > li > a .desc {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.33333333;
        }
}

@media (min-width: 1600px) {
    .mainnav > ul > li > a {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 0.77777778;
        padding: 20px;
    }

        .mainnav > ul > li > a .desc {
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 1.23076923;
        }
}

.searchresult {
    background: #f5eee6; /*#f4f4f4;*/
    /*background: #f4f4f4 url(eurodan_texture_light.jpg) center top;*/
    background-size: auto;
    padding: 2em 0;
}

    .searchresult:nth-child(even) {
        background: #ffffff;
    }

    .searchresult .inner {
        box-sizing: content-box;
        display: block;
        margin-right: auto;
        margin-left: auto;
        max-width: 1200px;
        padding-left: 1em;
        padding-right: 1em;
    }

        .searchresult .inner > h3 {
            font-size: 30px;
            font-size: 3rem;
            font-weight: 500;
        }

        .searchresult .inner > p {
            font-size: 24px;
            font-size: 2.4rem;
            line-height: 1.16666667;
        }

.campaignbox {
    max-width: 800px;
    position: relative;
    z-index: 5;
}

    .campaignbox > * {
        display: flex;
        flex-wrap: wrap;
        margin: calc(0px / 2 * -1);
    }

        .campaignbox > * > * {
            margin: calc(0px / 2);
            flex-grow: 1;
            flex-basis: 150px;
        }

            .campaignbox > * > *:last-child {
                flex-basis: 0;
                flex-grow: 999;
                min-width: calc(75% - 0px);
            }

    .campaignbox:hover,
    .campaignbox:focus-within {
        outline: 4px solid #6aa8df;
    }

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

    .campaignbox .header {
        display: block;
        padding: 1.6rem;
        border: 0 solid currentColor;
        background: #f5eee6; /* url(eurodan_texture_gold.jpg) left top no-repeat;*/
        background-size: auto;
        font-weight: 700;
        font-size: 35px;
        font-size: 3.5rem;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

        .campaignbox .header > * {
            margin: 0;
        }

        .campaignbox .header h4 {
            font-size: 20px;
            font-size: 2rem;
            font-weight: inherit;
            text-transform: uppercase;
        }

    .campaignbox .offer {
        background: #09193b; /* #222 url(eurodan_texture_dark.jpg) left top;*/
        background-size: auto;
        padding: 20px;
    }

        .campaignbox .offer > * {
            list-style: none;
            padding-left: 0;
            padding-right: 0;
            display: flex;
            flex-wrap: wrap;
            margin: -0.8rem;
            justify-content: center;
            align-items: center;
        }

            .campaignbox .offer > * > * {
                margin: 0.8rem;
            }

        .campaignbox .offer .price .amount,
        .campaignbox .offer .price.large {
            font-size: 65px;
            font-size: 3rem;
            line-height: 1.07692308;
        }

            .campaignbox .offer .price .amount.small {
                font-size: 22px;
                font-size: 2.2rem;
                line-height: 1.36363636;
            }

            .campaignbox .offer .price .amount.medium {
                font-size: 30px;
                font-size: 3rem;
                line-height: 1.33333333;
            }

        .campaignbox .offer .details .detailslist {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 2.14285714;
            color: #ffffff;
            margin-top: 0;
            font-weight: 400;
        }

            .campaignbox .offer .details .detailslist > li {
                line-height: inherit;
            }

        .campaignbox .offer .arrow {
            text-align: right;
            width: 50px;
        }

.fullscreenbanner {
    background: #e6e6e6;
    background-position: center top;
    background-size: cover;
}

@media only screen and (max-width: 890px) {
    .fullscreenbanner {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        padding: 1.5em 1.5em 100px;
    }

        .fullscreenbanner > * {
            margin-top: auto;
            margin-bottom: auto;
        }

        .fullscreenbanner > header,
        .fullscreenbanner > .header {
            margin-top: 0;
            margin-bottom: 1.5em 1.5em 100px;
        }

        .fullscreenbanner > footer,
        .fullscreenbanner > .footer {
            margin-top: 1.5em 1.5em 100px;
            margin-bottom: 0;
        }

        .fullscreenbanner > header + footer,
        .fullscreenbanner > .header + .footer {
            margin-top: auto;
        }
}

@media only screen and (min-width: 891px) {
    .fullscreenbanner {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        padding: 1.6rem;
    }

        .fullscreenbanner > * {
            margin-top: auto;
            margin-bottom: auto;
        }

        .fullscreenbanner > header,
        .fullscreenbanner > .header {
            margin-top: 0;
            margin-bottom: 1.6rem;
        }

        .fullscreenbanner > footer,
        .fullscreenbanner > .footer {
            margin-top: 1.6rem;
            margin-bottom: 0;
        }

        .fullscreenbanner > header + footer,
        .fullscreenbanner > .header + .footer {
            margin-top: auto;
        }
}

.fullscreenbanner > h2 {
    box-sizing: content-box;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 75ch;
    -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 25, 0.75));
    filter: drop-shadow(0 0 8px rgba(0, 0, 25, 0.75));
    z-index: 2;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .fullscreenbanner > h2 {
        font-size: 22.5px;
        font-size: 2.25rem;
    }
}

@media only screen and (min-width: 768px) {
    .fullscreenbanner > h2 {
        font-size: 40px;
        font-size: 4rem;
        line-height: 1.125;
        max-width: 55%;
    }
}

@media only screen and (min-width: 1600px) {
    .fullscreenbanner > h2 {
        font-size: 65px;
        font-size: 6.5rem;
        line-height: 1.07692308;
        max-width: 45%;
    }
}

@media only screen and (max-width: 890px) {
    [data-layout="front"] .fullscreenbanner > h2::before {
        content: "";
        display: block;
        height: 50px;
        background: url(logo_eurodan-white.png) center no-repeat;
        background-size: 200px;
    }
}

.fullscreenbanner > footer > * {
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 767px) {
    .fullscreenbanner > footer > * {
        margin-left: 10px;
        margin-right: 10px;
    }
}

.fullscreenbanner.adorned h2 {
    padding-bottom: 50px;
    background: url(squiggle-gold.png) center bottom no-repeat;
}

.fullscreenbanner.has-video {
    padding: 0 0 20px;
}

    .fullscreenbanner.has-video .frontPageVideoBanner {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

.loginform .forgot {
    color: #20262c;
    text-align: center;
    margin-top: 2em;
}

    .loginform .forgot a {
        color: inherit;
    }

.locationinfo {
    position: relative;
    z-index: 20;
}

    .locationinfo > * {
        padding: 35px;
    }

    .locationinfo > header {
        background: #09193b; /*#222 url(eurodan_texture_dark.jpg) left top;*/
        background-size: auto;
        font-weight: 200;
        height: 100px;
        color: #ffffff;
    }

        .locationinfo > header > * {
            font-weight: inherit;
            color: inherit;
            margin: 0;
        }

    .locationinfo > .locations {
        background: #ffffff;
    }

    .locationinfo > footer {
        background: #f5eee6; /*#f4f4f4;*/
        /*background: #f4f4f4 url(eurodan_texture_light.jpg) center top;*/
        background-size: auto;
    }

        .locationinfo > footer > * {
            list-style: none;
            padding-left: 0;
            padding-right: 0;
            display: flex;
            flex-wrap: wrap;
            margin: -17px;
            align-items: center;
        }

            .locationinfo > footer > * > * {
                margin: 17px;
            }

    .locationinfo .sociallinks a::before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 150%;
    }

    .locationinfo .sociallinks a[href*="facebook"]::before {
        background-image: url(icon-facebook.svg);
    }

    .locationinfo .sociallinks a[href*="instagram"]::before {
        background-image: url(icon-instagram.svg);
    }

    .locationinfo .sociallinks a[href*="linkedin"]::before {
        background-image: url(icon-linkedin.svg);
    }

    .locationinfo .sociallinks a[href*="pinterest"]::before {
        background-image: url(icon-pinterest.svg);
    }

    .locationinfo .sociallinks a[href*="google"]::before {
        background-image: url(icon-googleplus.svg);
    }

    .locationinfo .sociallinks a[href*="youtube"]::before {
        background-image: url(icon-youtube.svg);
    }

@media only screen and (max-width: 767px) {
    .locationinfo > header {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 1.1;
    }

    .locationinfo > .locations {
        font-size: 17.5px;
        font-size: 1.75rem;
        line-height: 1.28571429;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: stretch;
    }

        .locationinfo > .locations .location {
            margin: 10px;
        }
}

@media only screen and (min-width: 768px) {
    .locationinfo > header {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 1.15384615;
    }

    .locationinfo > .locations {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        font-weight: 200;
    }

        .locationinfo > .locations .location {
            opacity: 0;
            height: 0;
            overflow: hidden;
            pointer-events: none;
        }

            .locationinfo > .locations .location:target,
            .locationinfo > .locations .location.showing {
                opacity: 1;
                height: auto;
                overflow: visible;
                pointer-events: auto;
            }

            .locationinfo > .locations .location .contact {
                margin-top: 2em;
            }
}

@media only screen and (min-width: 1600px) {
    .locationinfo > header {
        font-size: 40px;
        font-size: 3.5rem;
        line-height: 1.125;
    }

    .locationinfo > .locations {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        font-weight: 200;
    }
}

.profileitem {
    background: #09193b;
    /*background: #222 url(eurodan_texture_dark.jpg) left top;*/
    background-size: auto;
    display: block;
    position: relative;
    padding-bottom: 100%;
}

    .profileitem > * {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .profileitem > video,
    .profileitem > picture,
    .profileitem > picture > img,
    .profileitem > img {
        width: 100%;
        height: auto;
    }

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .profileitem > video,
    .profileitem > picture,
    .profileitem > picture > img,
    .profileitem > img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.profileitem .inner {
    color: #eeddb7;
    background-position: center 40%;
    background-repeat: no-repeat;
    background-size: 30%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    padding: 3em;
    text-align: center;
}

.profileitem[data-type="search"] .inner {
    background-image: url(icon-profileitem-search.png);
}

.profileitem[data-type="visual"] .inner {
    background-image: url(icon-profileitem-visual.png);
}

.profileitem[data-type="plan"] .inner {
    background-image: url(icon-profileitem-plandrawing.png);
}

.favoritebutton {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #6aa8df;
    background: #ffffff url(icon-favorite-blue.png) 50% 47% no-repeat;
    background-size: 50%;
    cursor: pointer;
}

    .favoritebutton:hover,
    .favoritebutton:focus {
        transition: border-color 0.2s ease-in;
        border-color: #0e1217;
    }

[data-favorite-status="faved"] .favoritebutton,
.debug .favoritebutton {
    background-color: #6aa8df;
    background-image: url(icon-favorite-white.png);
}

    [data-favorite-status="faved"] .favoritebutton:hover,
    .debug .favoritebutton:hover,
    [data-favorite-status="faved"] .favoritebutton:focus,
    .debug .favoritebutton:focus {
        border-color: #ffffff;
    }

[data-favorite-id] .favoritebutton {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;
}

.menubar {
    flex: 1;
    /*height: 100px;*/
}

    .menubar .menuwrapper {
        background: #09193b; /*#f4f4f4 url(eurodan_texture_light.jpg) center top;*/
        background-size: auto;
        color: #F5EEE6;
        width: 100%;
    }

    .menubar.default {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
    }

        .menubar.default > * {
            margin: 0;
        }

        .menubar.default .mainitems {
            /*height: 100%;*/
        }

            .menubar.default .mainitems > ul {
                display: table;
                height: 100%;
                list-style: none;
                margin: 0;
                padding-left: 0;
                padding-right: 0;
                width: 100%;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-items: stretch;
                margin-left: auto;
                margin-right: 0px;
                width: unset;
            }

                .menubar.default .mainitems > ul > li {
                    display: table-cell;
                    text-align: left;
                }

                .menubar.default .mainitems > ul > li > a {
                    transition: 0.3s linear;
                    color: inherit;
                    text-decoration: none;
                    font-weight: 500;
                    transition-property: color, background-color;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    flex-wrap: nowrap;
                    align-items: flex-start;
                    justify-content: stretch;
                    padding: 15px 10px;
                }

                .menubar.default .mainitems > ul > li:first-of-type > a {
                }
                    .menubar.default .mainitems > ul > li:nth-last-child(2) > a {
                        background: #3E83B7;
                    }
                    .menubar.default .mainitems > ul > li:last-of-type > a {
                        background: #83bce4;
                        color: #333;
                    }

                .menubar.default .mainitems > ul > li > a:hover,
                .menubar.default .mainitems > ul > li > a:focus,
                .menubar.default .mainitems > ul > li > a:active,
                .menubar.default .mainitems > ul > li > a.selected {
                    background: #09193b; /* #222 url(eurodan_texture_dark.jpg) left top;*/
                    background-size: auto;
                    color: #ffffff;
                    border-bottom: none;
                }

                .menubar.default .mainitems > ul > li > a .link {
                    text-transform: uppercase;
                    white-space: nowrap;
                }

                .menubar.default .mainitems > ul > li > a .desc {
                    font-weight: 200;
                    display: block;
                    margin-top: 1em;
                }

.secmenu {
    background-color: #F5EEE6;
    background-size: auto;
    left: 0;
    padding-top: 23px;
    position: absolute;
    text-align: right;
    top: 0;
    transform: translate(0px, -100%);
    width: 100%;
}
    .secmenu a {
        color: #555;
        font-weight: 500;
        font-size: smaller;
        padding-right: 20px;
        text-decoration: none;
    }

        .secmenu a:last-child {
            padding-right: 10px;
        }

@media (max-width: 1199px) {
    .menubar.default .mainitems {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.14285714;
    }

        .menubar.default .mainitems .desc {
            font-size: 10px;
            font-size: 1rem;
            line-height: 1.4;
        }
}

@media (min-width: 1200px) {
    .menubar.default .mainitems {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.06666667;
    }

        .menubar.default .mainitems .desc {
            font-size: 11px;
            font-size: 1.1rem;
            line-height: 1.45454545;
        }
}

    .menubar.default .mainitems {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 0.875;
    }

        .menubar.default .mainitems > ul > li > a {
            padding: 15px;
        }

        .menubar.default .mainitems .desc {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.33333333;
        }
}

@media (min-width: 1600px) {
    .menubar.default .mainitems {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 0.77777778;
    }

        .menubar.default .mainitems > ul > li > a {
            padding: 20px;
        }

        .menubar.default .mainitems .desc {
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 1.23076923;
        }
}

.menubar.default .utilitems {
    min-width: 230px;
}

    .menubar.default .utilitems > ul {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        list-style: none;
        height: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
    }

        .menubar.default .utilitems > ul > * {
            margin-left: 6px;
        }

        .menubar.default .utilitems > ul > li > a {
            height: 100%;
        }

.menubar.default.showing .menutrigger,
.menubar.default.showing .searchform {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap;
    transition: none !important;
    visibility: hidden;
    position: absolute;
    font-size: 0;
    height: 0;
    width: 0;
}

    .menubar.default.showing .menutrigger *,
    .menubar.default.showing .searchform * {
        transition: none !important;
    }

.menubar.default.collapsed {
    height: 100px;
}

    .menubar.default.collapsed .menuwrapper {
        flex: 1;
    }

    .menubar.default.collapsed .utilitems {
        min-width: 600px;
        max-width: 66%;
        margin-left: auto;
    }

    .menubar.default.collapsed .mainitems {
        border: 0;
        clip: rect(0 0 0 0);
        height: auto;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 1px;
        white-space: nowrap;
        transition: none !important;
        visibility: hidden;
        position: absolute;
        font-size: 0;
        height: 0;
        width: 0;
    }

        .menubar.default.collapsed .mainitems * {
            transition: none !important;
        }

.menubar.default.searching .mainitems,
.menubar.default.searching .utilitems {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap;
    transition: none !important;
    visibility: hidden;
    position: absolute;
    font-size: 0;
    height: 0;
    width: 0;
}

    .menubar.default.searching .mainitems *,
    .menubar.default.searching .utilitems * {
        transition: none !important;
    }

.menubar.default.searching .menuwrapper {
    width: 20%;
}

.menubar.default.searching .searchform {
    flex: 1;
}

.menubar.xdefault.compact {
    position: relative;
}

    .menubar.xdefault.compact .menutrigger {
        font-size: 15px;
        font-size: 1.5rem;
    }

        .menubar.xdefault.compact .menutrigger .bars {
            width: 16px;
            height: 6px;
        }

    .menubar.xdefault.compact .menuwrapper {
        flex: 1;
    }

    .menubar.xdefault.compact .utilitems {
        margin-left: auto;
    }

        .menubar.xdefault.compact .utilitems.compact {
            min-width: 0;
        }

            .menubar.xdefault.compact .utilitems.compact > ul > * {
                margin-left: 3px;
            }

    .menubar.xdefault.compact .mainitems:not(.showing) {
        border: 0;
        clip: rect(0 0 0 0);
        height: auto;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 1px;
        white-space: nowrap;
        transition: none !important;
        visibility: hidden;
        position: absolute;
        font-size: 0;
        height: 0;
        width: 0;
    }

        .menubar.xdefault.compact .mainitems:not(.showing) * {
            transition: none !important;
        }

    .menubar.xdefault.compact .mainitems.showing {
        position: absolute;
        top: 100%;
        width: 100%;
    }

        .menubar.xdefault.compact .mainitems.showing > ul {
            width: 100%;
            flex-direction: column;
        }

            .menubar.xdefault.compact .mainitems.showing > ul > * {
                background: #f5eee6; /*#f4f4f4;*/
                /*background: #f4f4f4 url(eurodan_texture_light.jpg) center top;*/
                background-size: auto;
                border-top: 3px solid #ffffff;
            }

                .menubar.xdefault.compact .mainitems.showing > ul > * > a {
                    display: flex;
                    flex-direction: row;
                    flex-wrap: nowrap;
                    justify-content: space-between;
                    align-items: center;
                    padding: 1.5em 2em;
                }

                    .menubar.xdefault.compact .mainitems.showing > ul > * > a .link {
                        font-size: 18px;
                        font-size: 1.8rem;
                    }

                    .menubar.xdefault.compact .mainitems.showing > ul > * > a .desc {
                        font-size: 16px;
                        font-size: 1.6rem;
                        max-width: 20ch;
                        text-align: right;
                        margin-top: 0;
                        margin-left: 1em;
                    }

.menubar:not(.searching) .searchform {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap;
    transition: none !important;
    visibility: hidden;
    position: absolute;
    font-size: 0;
    height: 0;
    width: 0;
}

    .menubar:not(.searching) .searchform * {
        transition: none !important;
    }

.menutrigger {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    display: block;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 34px;
    color: #20262c;
    text-transform: uppercase;
}

    .menutrigger .bars {
        transition: 0.3s linear;
        transition-duration: 0.2s;
        transition-property: height;
        display: block;
        width: 33px;
        height: 12px;
        border: solid;
        border-width: 2px 0;
        margin-right: 18px;
    }

    .menutrigger:hover .bars,
    .menutrigger:focus .bars {
        height: 16px;
    }

.searchform {
    background: #09193b;
    /*background: #222 url(eurodan_texture_dark.jpg) left top;*/
    background-size: auto;
    height: 100%;
    padding: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

    .searchform > form {
        flex: 1;
    }

    .searchform input[type="text"] {
        border: none;
        border-radius: 35px;
        padding-right: 50px;
        padding-left: 2rem;
        background: #ffffff url(icon-loupe.png) right 20px center no-repeat;
        background-size: 20px;
    }

    .searchform .submission {
        border: 0;
        clip: rect(0 0 0 0);
        height: auto;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 1px;
        white-space: nowrap;
        transition: none !important;
        visibility: hidden;
        position: absolute;
        font-size: 0;
        height: 0;
        width: 0;
    }

        .searchform .submission * {
            transition: none !important;
        }

    .searchform .close {
        font-size: 10px;
        font-size: 1rem;
        padding: 0 20px;
        color: #eeddb7;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

        .searchform .close::before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            margin-bottom: 10px;
            background: url(icon-close.png) center no-repeat;
        }

.compactnav {
    background: #f5eee6; /*#f4f4f4;*/
    /*background: #f4f4f4 url(eurodan_texture_light.jpg) center top;*/
    background-size: auto;
    color: #242b30;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
}

    .compactnav a {
        color: white;
    }

    .compactnav .trigger {
        height: 50px;
    }

        .compactnav .trigger .bars {
            width: 20px;
            height: 10px;
        }

    .compactnav .items > ul {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        list-style: none;
    }

        .compactnav .items > ul:first-child img {
            padding-top: 30px;
            padding-left: 10px;
            padding-right: 10px;
            min-width: 226px;
            max-height: 75px;
        }

        .compactnav .items > ul > * + * {
            /*border-top: 3px solid #ffffff;*/
        }

        .compactnav .items > ul > * > a {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
            padding: .5em 1em;
        }

            .compactnav .items > ul > * > a .link {
                font-size: 18px;
                font-size: 1.8rem;
                font-weight: 500;
                text-transform: uppercase;
            }

            .compactnav .items > ul > * > a .desc {
                font-size: 16px;
                font-size: 1.6rem;
                font-weight: 500;
                max-width: 20ch;
                text-align: right;
                margin-top: 0;
                margin-left: 1em;
            }

            .compactnav .items > ul > * > a.homenav {
                background: url(logo_eurodan-white.png) left center no-repeat;
                background-position-x: 15px;
                background-size: 47%;
                padding-top: 14%;
                background-position-y: 36px;
            }

        .compactnav .items > ul .submenu {
            margin: 0;
            padding-left: 0;
            padding-right: 0;
            list-style: none;
            transition: max-height 0.2s ease;
            max-height: 0;
            overflow: hidden;
        }

            .compactnav .items > ul .submenu:target,
            .compactnav .items > ul .submenu.showing {
                transition-duration: 0.8s;
                border-top: 1px solid #ffffff;
                max-height: 100vh;
            }

            .compactnav .items > ul .submenu > * {
                /*border-top: 2px solid #ffffff;*/
            }

                .compactnav .items > ul .submenu > * > a {
                    display: block;
                    padding: 10px 2.5em;
                }

    .compactnav .ctas > ul {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        list-style: none;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: stretch;
    }

        .compactnav .ctas > ul > * + * {
            margin-left: 3px;
        }

        .compactnav .ctas > ul .navbutt {
            background: #09193b;
            /*background: #222 url(eurodan_texture_dark.jpg) left top;*/
            background-size: auto;
            width: 50px;
            height: 50px;
            padding: 10px;
            color: #eeddb7;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
        }

        .compactnav .ctas > ul li.booking .navbutt {
            background: #3E83B7;
        }

            .compactnav .ctas > ul .navbutt > div {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                justify-content: center;
                align-items: center;
            }

            .compactnav .ctas > ul .navbutt .label {
                text-transform: uppercase;
                font-size: inherit;
                color: inherit;
            }

            .compactnav .ctas > ul .navbutt::before {
                content: "";
                display: block;
                width: 26px;
                height: 26px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: 100%;
            }

            .compactnav .ctas > ul .navbutt[data-icon="catalog"]::before {
                background-image: url(navbutton-catalog.png);
            }

            .compactnav .ctas > ul .navbutt[data-icon="login"]::before {
                background-image: url(navbutton-login.png);
            }

            .compactnav .ctas > ul .navbutt[data-icon="meeting"]::before {
                background-image: url(navbutton-meeting.png);
            }

            .compactnav .ctas > ul .navbutt[data-icon="search"]::before {
                background-image: url(navbutton-search.png);
                background-size: contain;
            }

            .compactnav .ctas > ul .navbutt .label {
                border: 0;
                clip: rect(0 0 0 0);
                height: auto;
                margin: 0;
                overflow: hidden;
                padding: 0;
                width: 1px;
                white-space: nowrap;
                transition: none !important;
                visibility: hidden;
                position: absolute;
                font-size: 0;
                height: 0;
                width: 0;
            }

                .compactnav .ctas > ul .navbutt .label * {
                    transition: none !important;
                }

        .compactnav .ctas > ul .navbutt-inverse {
            background: #eeddb7 url(eurodan_texture_gold.jpg) left top;
            color: #20262c;
        }

            .compactnav .ctas > ul .navbutt-inverse[data-icon="catalog"]::before {
                background-image: url(navbutton-catalog-neg.png);
            }

    .compactnav .footer {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center;
        padding: 30px;
    }

        .compactnav .footer .close-menu {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 5%;
            height: 5%;
            font-size: 15px;
            font-size: 1.5rem;
            text-transform: uppercase;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: none;
            margin-right: auto;
            padding-left: 35px;
            background: url(icon-close.png) left center no-repeat;
            background-size: 16px;
            cursor: pointer;
            background-position-x: 10px;
        }

        .compactnav .footer .action-link[data-icon="phone"] {
            background-image: url(icon-phone.png);
        }

        .compactnav .footer .action-link[data-icon="person"] {
            background-image: url(icon-person.png);
        }

        .compactnav .footer .action-link + .action-link {
            margin-left: 10px;
        }

.action-link {
    font-size: 10px;
    font-size: 1rem;
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.06);
    background-position: 50% 25%;
    background-size: auto 25px;
    background-repeat: no-repeat;
    border-radius: 50%;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}

.compactnav {
    position: fixed;
    z-index: 20;
    top: 20px;
    right: 20px;
    left: 20px;
    max-height: 80vh;
    overflow-y: auto;
}

@media only screen and (min-width: 891px) {
    .compactnav {
        display: none;
    }
}

.compactnav .trigger {
    display: block;
}

.compactnav .items,
.compactnav .footer {
    display: none;
}

.compactnav.showing,
.compactnav:target {
    flex-direction: column;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
}

    .compactnav.showing .trigger,
    .compactnav:target .trigger {
        display: none;
    }

    .compactnav.showing .items,
    .compactnav:target .items {
        display: block;
    }

    .compactnav.showing .ctas,
    .compactnav:target .ctas {
        /*border-top: 2px solid #ffffff;*/
    }

        .compactnav.showing .ctas > ul,
        .compactnav:target .ctas > ul {
            justify-content: space-between;
            height: 100px;
        }

            .compactnav.showing .ctas > ul > li,
            .compactnav:target .ctas > ul > li {
                flex-basis: 33%;
            }

        .compactnav.showing .ctas .navbutt,
        .compactnav:target .ctas .navbutt {
            width: 100%;
            height: 100%;
        }

            .compactnav.showing .ctas .navbutt .label,
            .compactnav:target .ctas .navbutt .label {
                visibility: visible;
                position: static;
                font-size: inherit;
                height: auto;
                width: auto;
                margin-top: 10px;
            }

    .compactnav.showing .footer,
    .compactnav:target .footer {
        display: flex;
        padding: 0px;
    }

.labeledreadout {
    font-size: 17.5px;
    font-size: 1.75rem;
    line-height: 1.28571429;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
}

@media only screen and (min-width: 768px) {
    .labeledreadout {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        font-weight: 200;
    }
}

.labeledreadout input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: auto;
    text-align: right;
    background: transparent;
}

.labeledtoggle {
    font-size: 17.5px;
    font-size: 1.75rem;
    line-height: 1.28571429;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
}

@media only screen and (min-width: 768px) {
    .labeledtoggle {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        font-weight: 200;
    }
}

:not(h3) + .labeledtoggle {
    margin-top: 2em;
}

.labeledtoggle > label:first-child {
    margin-right: auto;
}

.labeledtoggle input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3em;
}

    .labeledtoggle input[type="radio"]:checked {
        position: relative;
    }

        .labeledtoggle input[type="radio"]:checked::before {
            content: "";
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            background: currentColor;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

.checkablereadout {
    font-size: 17.5px;
    font-size: 1.75rem;
    line-height: 1.28571429;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
}

@media only screen and (min-width: 768px) {
    .checkablereadout {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        font-weight: 200;
    }
}

.checkablereadout label:first-child {
    min-width: 6em;
}

.checkablereadout input[type="text"] {
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: auto;
    text-align: right;
    background: transparent;
}

.checkablereadout input[type="checkbox"] {
    flex: 0 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

    .checkablereadout input[type="checkbox"]:checked {
        position: relative;
    }

        .checkablereadout input[type="checkbox"]:checked::before {
            content: "";
            display: block;
            width: 25px;
            height: 15px;
            border: 4px solid;
            border-style: none none solid solid;
            position: absolute;
            left: 5px;
            top: 0;
            -webkit-transform: rotate(-45deg) translateY(-50%);
            transform: rotate(-45deg) translateY(-50%);
        }

.checklist {
    padding-left: 1.5em;
    margin-top: 1em;
}

.maplocation {
    height: 600px;
}

    .maplocation #gmap {
        height: 100%;
    }

    .maplocation .gmap-btn {
        position: relative;
        left: 0px;
        bottom: 58px;
        color: #fff;
        display: flex;
        width: 234px;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E") 95% center no-repeat #a0a8aa;
        background-size: 9%;
    }

        .maplocation .gmap-btn p {
            margin: 0 0 10px;
            padding-left: 10px;
            padding-top: 10px;
        }

            .maplocation .gmap-btn p b {
                font-weight: bold;
            }

.callout {
    display: inline-block;
    padding: 0.6em 2em;
    background: #3e83b7; /* #6aa8df;*/
    color: #ffffff;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
}

.listview .callout {
    border-top-left-radius: 3px;
    left: -3px;
}

    .listview .callout::after {
        content: "";
        display: block;
        width: 3px;
        height: 6px;
        position: absolute;
        top: 100%;
        left: 0;
        border-bottom-left-radius: 3px;
        background: inherit;
    }

.inputrow,
.outputrow {
    font-family: Poppins, Helvetica, sans-serif;
    font-weight: 200;
    padding-top: 1em;
    padding-bottom: 1em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-start;
}

    .inputrow > .field,
    .outputrow > .field {
        flex-basis: 75%;
        flex-grow: 1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: flex-start;
    }

    .inputrow .field,
    .inputrow .toggle,
    .outputrow .field,
    .outputrow .toggle {
        margin-left: 50px;
    }

        .inputrow .toggle + .field,
        .inputrow .toggle-items + .field,
        .inputrow .toggle-items + .toggle,
        .outputrow .toggle + .field,
        .outputrow .toggle-items + .field,
        .outputrow .toggle-items + .toggle {
            margin-left: 0;
        }

    .inputrow > .field > *,
    .outputrow > .field > * {
        flex-basis: 50%;
    }

    .inputrow > .field > input[type="text"],
    .outputrow > .field > input[type="text"] {
        font: inherit;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #ffffff;
        text-align: right;
        padding: 4px 8px;
    }

        .inputrow > .field > input[type="text"]:not([readonly]),
        .outputrow > .field > input[type="text"]:not([readonly]) {
            background: rgba(77, 77, 77, 0.5);
        }

    .inputrow.unselected > .field > label,
    .inputrow.unselected > .field > input[type="text"],
    .outputrow.unselected > .field > label,
    .outputrow.unselected > .field > input[type="text"] {
        color: #4d4d4d;
    }

    .inputrow .toggle input[type="checkbox"],
    .outputrow .toggle input[type="checkbox"] {
        border: 0;
        clip: rect(0 0 0 0);
        height: auto;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 1px;
        white-space: nowrap;
        transition: none !important;
        visibility: hidden;
        position: absolute;
        font-size: 0;
        height: 0;
        width: 0;
    }

        .inputrow .toggle input[type="checkbox"] *,
        .outputrow .toggle input[type="checkbox"] * {
            transition: none !important;
        }

        .inputrow .toggle input[type="checkbox"] + label::before,
        .outputrow .toggle input[type="checkbox"] + label::before {
            content: "";
            display: block;
            background: url(icon-minus.svg) center no-repeat;
            width: 17px;
            height: 19px;
            margin-right: 15px;
        }

        .inputrow .toggle input[type="checkbox"] + label > span,
        .outputrow .toggle input[type="checkbox"] + label > span {
            border: 0;
            clip: rect(0 0 0 0);
            height: auto;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 1px;
            white-space: nowrap;
            transition: none !important;
            visibility: hidden;
            position: absolute;
            font-size: 0;
            height: 0;
            width: 0;
        }

            .inputrow .toggle input[type="checkbox"] + label > span *,
            .outputrow .toggle input[type="checkbox"] + label > span * {
                transition: none !important;
            }

        .inputrow .toggle input[type="checkbox"]:checked + label::before,
        .outputrow .toggle input[type="checkbox"]:checked + label::before {
            background-image: url(icon-checkmark.svg);
        }

.inputcontainer > [class*="row"] + [class*="row"] {
    border-top: 1px solid #999999;
}

.inputcontainer:not(.boxed) > [class*="row"]:first-child {
    border-top: 1px solid #999999;
}

.inputcontainer:not(.boxed) > [class*="row"]:last-child {
    border-bottom: 1px solid #999999;
}

.inputcontainer.boxed .field {
    margin-left: 30px;
}

.inputcontainer.boxed .toggle-items {
    flex-basis: 30px;
}

    .inputcontainer.boxed .toggle-items + .field {
        margin-left: 0;
    }

.inputcontainer.boxed .items .field {
    margin-left: 20px;
}

.linksrow {
    color: #6aa8df;
    padding-bottom: 1em;
}

    .linksrow a {
        font-weight: 500;
        padding-left: 10px;
        padding-right: 10px;
    }

        .linksrow a:first-of-type {
            padding-left: 0;
        }

        .linksrow a:last-of-type {
            padding-right: 0;
        }

.labelrow h3 {
    font-weight: 500;
}

.inputcontainer.boxed {
    padding: 0 1em;
    border: 1px solid #999999;
}

.textured-container {
    background: #f5eee6; /*#f4f4f4;*/
    /*background: #f4f4f4 url(eurodan_texture_light.jpg) center top;*/
    background-size: auto;
}

    .textured-container.dark {
        background: #09193b;
        /*background: #222 url(eurodan_texture_dark.jpg) left top;*/
        background-size: auto;
        color: #ffffff;
    }

    .textured-container .inner {
        margin: 40px 0;
    }

.halves-container {
    display: block;
    overflow: hidden;
}

    .halves-container > * {
        list-style: none;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
        margin: -30px;
    }

        .halves-container > * > * {
            flex-basis: calc((600px - 100%) * 999);
            flex-grow: 1;
            margin: 30px;
        }

    .halves-container + .halves-container {
        margin-top: 1em;
    }

.togglerow .toggle-items {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    flex-basis: 50px;
}

    .togglerow .toggle-items::before {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        background: url(icon-toggle-closed.svg) center no-repeat;
        background-size: contain;
    }

    .togglerow .toggle-items[aria-expanded="true"]::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .togglerow .toggle-items[aria-expanded="false"]::before {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

.togglerow .items {
    transition: 0.2s ease-in-out;
    transition-property: max-height, padding-top, padding-bottom;
    max-height: 0;
    overflow: hidden;
}

    .togglerow .items:not(.fullwidth) {
        padding-left: 2em;
    }

    .togglerow .items > .inputrow,
    .togglerow .items > .outputrow,
    .togglerow .items > .outputrow {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

.togglerow.showing-items > .items {
    max-height: 500vh;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.togglerow.showing-items > .inputrow,
.togglerow.showing-items > .outputrow,
.togglerow.showing-items > .outputrow {
    border-bottom: 1px dashed #999999;
}

.labeledprice {
    font-weight: 500;
    border: solid #999999;
    border-width: 1px 0;
    padding: 8px 0;
}

    .labeledprice .amount {
        font-weight: 700;
        color: #eeddb7;
    }

    .labeledprice > span + .amount {
        margin-left: 20px;
    }

    .labeledprice + * {
        margin-top: 2em;
    }

@media only screen and (max-width: 767px) {
    .labeledprice {
        margin: 0.5em 0;
    }

        .labeledprice .amount {
            font-size: 40px;
            font-size: 4rem;
        }
}

@media only screen and (min-width: 768px) {
    .labeledprice {
        margin: 1em 0;
    }

        .labeledprice .amount {
            font-size: 53px;
            font-size: 5.3rem;
        }
}

.mediarow {
    display: block;
    overflow: hidden;
    padding: 1em 0;
}

    .mediarow > * {
        list-style: none;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
        margin: -12px;
    }

        .mediarow > * > * {
            flex-basis: calc((320px - 100%) * 999);
            flex-grow: 1;
            margin: 12px;
        }

    .mediarow .text {
        font-weight: 500;
        line-height: 1.4;
    }

.h1-page-header > h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.125;
    padding: 1em 0;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .h1-page-header > h1 {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 1.1;
    }
}

.facebookpost,
.instagrampost {
    padding-top: 100px;
}

    .facebookpost::before,
    .instagrampost::before {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 1.1;
        font-weight: 500;
        background: url(fbpostlogo.png) left center no-repeat, url(eurodan_texture_light.jpg) center top, #f4f4f4;
        background-size: 50px, auto;
        content: "Facebook";
        display: inline-block;
        min-width: 50%;
        padding-right: 20px;
        height: 50px;
        line-height: 50px;
        padding-left: 65px;
        margin-left: 12%;
    }

    .facebookpost .textbox,
    .instagrampost .textbox {
        background: #ffffff;
        max-width: 75%;
        margin: auto;
    }

@media only screen and (min-width: 768px) {
    .facebookpost,
    .instagrampost {
        padding-top: 200px;
    }

        .facebookpost::before,
        .instagrampost::before {
            font-size: 30px;
            font-size: 3rem;
            line-height: 1.33333333;
            background-size: 100px, auto;
            height: 100px;
            line-height: 100px;
            padding-left: 120px;
            margin-left: 0;
        }

        .facebookpost .textbox,
        .instagrampost .textbox {
            max-width: 66%;
            position: relative;
            margin: -100px 0 0 0;
            padding: 40px 40px 40px 0;
        }
}

.instagrampost::before {
    background: url(igpostlogo.png) left center no-repeat, url(eurodan_texture_light.jpg) center top, #f4f4f4;
    background-size: 50px, auto;
    content: "Instagram";
}

@media only screen and (min-width: 768px) {
    .instagrampost {
        position: relative;
    }

        .instagrampost::before {
            position: absolute;
            right: 0;
            top: 100px;
            background-size: 100px, auto;
        }

        .instagrampost .media {
            text-align: right;
        }

            .instagrampost .media picture {
                max-width: 66%;
            }
}

.futurehouse > .house {
    width: auto;
}

.wywtable {
    margin-top: 1em;
    margin-bottom: 1em;
}

    .wywtable td,
    .wywtable th {
        padding: 4px 8px;
    }

.fullscreenbanner.fullscreenbannerslider {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 2em 0;
}

    .fullscreenbanner.fullscreenbannerslider > * {
        margin-top: auto;
        margin-bottom: auto;
    }

    .fullscreenbanner.fullscreenbannerslider > header,
    .fullscreenbanner.fullscreenbannerslider > .header {
        margin-top: 0;
        margin-bottom: 2em 0;
    }

    .fullscreenbanner.fullscreenbannerslider > footer,
    .fullscreenbanner.fullscreenbannerslider > .footer {
        margin-top: 2em 0;
        margin-bottom: 0;
    }

    .fullscreenbanner.fullscreenbannerslider > header + footer,
    .fullscreenbanner.fullscreenbannerslider > .header + .footer {
        margin-top: auto;
    }

    .fullscreenbanner.fullscreenbannerslider .swiper-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .fullscreenbanner.fullscreenbannerslider .swiper-slide {
        background: transparent;
        background-position: center top;
        background-size: cover;
    }

.has-video .frontPageVideoBanner.bgvid {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.fullscreenbanner.fullscreenbannerslider .swiper-slide > h2 {
    box-sizing: content-box;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 75ch;
    -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 25, 0.75));
    filter: drop-shadow(0 0 8px rgba(0, 0, 25, 0.75));
    z-index: 2;
    margin-top: 10vh;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .fullscreenbanner.fullscreenbannerslider .swiper-slide > h2 {
        font-size: 22.5px;
        font-size: 2.25rem;
    }
}

@media only screen and (min-width: 768px) {
    .fullscreenbanner.fullscreenbannerslider .swiper-slide > h2 {
        font-size: 40px;
        font-size: 4rem;
        line-height: 1.125;
        max-width: 55%;
        margin-top: 40vh;
    }
}

@media only screen and (min-width: 1600px) {
    .fullscreenbanner.fullscreenbannerslider .swiper-slide > h2 {
        font-size: 65px;
        font-size: 6.5rem;
        line-height: 1.07692308;
        max-width: 45%;
    }
}

@media only screen and (max-width: 890px) {
    [data-layout="front"] .fullscreenbanner.fullscreenbannerslider .swiper-slide > h2::before {
        content: "";
        display: block;
        height: 50px;
        background: url(logo_eurodan-white.png) center no-repeat;
        background-size: 200px;
    }
}

.fullscreenbanner.fullscreenbannerslider .swiper-pagination .swiper-pagination-bullet {
    background: #f5eee6; /*#f4f4f4;*/
    /*background: #f4f4f4;*/
}

.fullscreenbanner.fullscreenbannerslider .swiper-slide > h2 a,
.fullscreenbanner.fullscreenbannerslider .swiper-slide > h2 a:visited,
.fullscreenbanner.fullscreenbannerslider .swiper-slide > h2 a:hover,
.fullscreenbanner.fullscreenbannerslider .swiper-slide > h2 a:active {
    color: inherit;
    text-decoration: none;
    color: white;
}

.fullscreenbanner.fullscreenbannerslider .swiper-pagination .swiper-pagination-bullet-active {
    background: #eeddb7;
}

.fullscreenbanner.fullscreenbannerslider .swiper-button-prev,
.fullscreenbanner.fullscreenbannerslider .swiper-button-next {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
}

    .fullscreenbanner.fullscreenbannerslider .swiper-button-prev.swiper-button-disabled,
    .fullscreenbanner.fullscreenbannerslider .swiper-button-next.swiper-button-disabled {
        opacity: 0;
    }

@media only screen and (max-width: 767px) {
    .fullscreenbanner.fullscreenbannerslider .swiper-button-prev,
    .fullscreenbanner.fullscreenbannerslider .swiper-button-next {
        display: none;
    }
}

.fullscreenbanner.fullscreenbannerslider .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23eeddb7'%2F%3E%3C%2Fsvg%3E");
    -webkit-transform: translate(50px, -110px);
    transform: translate(50px, -110px);
}

.fullscreenbanner.fullscreenbannerslider .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23eeddb7%27%2F%3E%3C%2Fsvg%3E");
    -webkit-transform: translate(-50px, -110px);
    transform: translate(-50px, -110px);
}

.intro-panel {
    position: relative;
}

    .intro-panel .iconbox {
        float: left;
    }

    .intro-panel .infobox {
        float: right;
    }

    .intro-panel .textbox {
        clear: both;
        padding: 2em;
    }

    .intro-panel.mirror .iconbox {
        float: right;
    }

    .intro-panel.mirror .infobox {
        float: left;
    }

@supports (display: grid) {
    @media only screen and (min-width: 768px) {
        .intro-panel {
            display: grid;
            grid-template-rows: repeat(6, 100px) -webkit-min-content;
            grid-template-rows: repeat(6, 100px) min-content;
            grid-template-columns: repeat(3, 1fr);
        }

        /*
            .intro-panel::before {
                content: "";
                display: block;
                grid-row: 2;
                grid-column: 2;
                background: #ffffff;
            }
            */

            .intro-panel .iconbox {
                grid-row: 1 / span 4;
                grid-column: 1;
            }

            .intro-panel .infobox {
                grid-row: 2 / span 5;
                grid-column: 3;
            }

            .intro-panel .textbox {
                grid-row: 3 / span 5;
                grid-column: 1 / span 2;
                padding-right: 3em;
                padding-top: 2.5em;
            }

            .intro-panel.has-iconbox::before {
                background: #f5eee6; /*#f4f4f4 url(eurodan_texture_light.jpg) center top;*/
                background-size: auto;
            }

            .intro-panel.has-iconbox .textbox {
                grid-row: 5 / span 3;
                padding-top: 0;
            }

            .intro-panel.has-iconbox .infobox {
                grid-row: 3 / span 4;
            }

            .intro-panel.mirror .textbox {
                grid-column: 2 / span 2;
                padding-left: 2.5em;
                padding-right: 0;
            }

            .intro-panel.mirror .iconbox {
                grid-column: 3;
            }

            .intro-panel.mirror .infobox {
                grid-column: 1;
            }

            .intro-panel.mirror::before {
                background: #f5eee6; /*#f4f4f4 url(eurodan_texture_light.jpg) center top;*/
                background-size: auto;
                grid-column: 2 / span 2;
            }
    }

    @media only screen and (max-width: 767px) {
        .intro-panel .textbox,
        .intro-panel.mirror .textbox {
            grid-column: 1 / -1;
            grid-row-start: 5;
            padding-left: 3.125em;
            padding-right: 3.125em;
        }

        .intro-panel.has-iconbox .infobox {
            grid-row: 4;
            grid-column: 1 / -1;
            justify-self: flex-end;
        }

        .intro-panel.has-iconbox .textbox {
            grid-row-start: 7;
        }
    }
}

.presentation-panel {
    position: relative;
}

    .presentation-panel .adorn {
        background-size: cover;
        height: 0;
        padding-bottom: 75%;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    .presentation-panel::after {
        content: "";
        display: block;
        background: #F5EEE6; /*#f1f1f1;*/
        position: absolute;
        top: 0;
        right: 0;
        height: 50px;
        width: 100%;
        z-index: 1;
    }

    .presentation-panel .textbox {
        background: #ffffff;
        padding: 4em 3em;
        background: #f5eee6;
    }

        .presentation-panel .textbox .heading {
            position: absolute;
            top: 0;
            left: 0;
            background: #ffffff;
            padding: 1em 2em;
            width: 66%;
            z-index: 5;
        }

    .presentation-panel.mirror .textbox .heading {
        right: 0;
        left: auto;
    }

    .presentation-panel.hideboxes .adorn {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    .presentation-panel.hideboxes .textbox {
        z-index: 2;
        padding: 1em 3em 4em 3em;
    }

    .presentation-panel.hideboxes::after {
        content: "";
        display: none;
        background: #f1f1f1;
        position: absolute;
        top: 0;
        right: 0;
        height: 0px;
        width: 0px;
        z-index: 1;
    }

@supports (display: grid) {
    @media only screen and (min-width: 768px) {
        .presentation-panel {
            display: grid;
            grid-template-columns: [left-start] 1fr [left-end center-start] 1fr [center-end right-start] 1fr [right-end];
            grid-template-rows: 100px -webkit-min-content 200px;
            grid-template-rows: 100px min-content 200px;
            position: relative;
            z-index: 3;
        }

            /*.presentation-panel::before {
                content: "";
                display: block;
                grid-row: 1;
                grid-column: center;
                background: #ffffff;
            }*/

            .presentation-panel::after {
                position: static;
                grid-row: 1;
                grid-column: right;
                height: auto;
            }

            .presentation-panel .textbox {
                grid-row: 2;
                grid-column: left / center;
            }

                .presentation-panel .textbox .heading {
                    position: static;
                    padding: 0;
                    background: transparent;
                }

            .presentation-panel .infobox {
                grid-row: 3;
                grid-column: left;
                position: relative;
            }

            .presentation-panel .adorn {
                grid-row: 2 / span 2;
                grid-column: center / right;
                background-size: cover;
                height: auto;
                padding-bottom: 0;
                -webkit-transform: none;
                transform: none;
            }

            .presentation-panel.mirror::after {
                grid-column: left;
            }

            .presentation-panel.mirror .textbox {
                grid-column: center / right;
                padding-right: 0;
                padding-left: 3em;
            }

            .presentation-panel.mirror .infobox {
                grid-column: right;
            }

            .presentation-panel.mirror .adorn {
                grid-column: left / center;
            }

            .presentation-panel.hideboxes .textbox {
                grid-row: 1 / span 2;
            }

            .presentation-panel.hideboxes .infobox {
                grid-row: 3;
            }

            .presentation-panel.hideboxes .adorn {
                grid-row: 1 / span 3;
            }

            .presentation-panel.hideboxes::before {
                grid-row: 0;
                display: none;
            }

            .presentation-panel.hideboxes::after {
                grid-row: 0;
                display: none;
            }

            .presentation-panel.hide4cta::before {
                display: none;
            }

            .presentation-panel.hide4cta::after {
                position: absolute;
            }
    }
}

.pricecalculation-panel {
    background: #09193b;
    /*background: #222 url(bg-texture-black.jpg) left top no-repeat;*/
    color: #ffffff;
    padding: 150px 0;
}

@media only screen and (max-width: 767px) {
    .pricecalculation-panel {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media only screen and (min-width: 768px) {
    .pricecalculation-panel {
        font-size: 25px;
        font-size: 2.5rem;
    }

        .pricecalculation-panel .datatable + .datatable th[scope="row"] {
            border: 0;
            clip: rect(0 0 0 0);
            height: auto;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 1px;
            white-space: nowrap;
            transition: none !important;
            visibility: hidden;
            position: absolute;
            font-size: 0;
            height: 0;
            width: 0;
        }

            .pricecalculation-panel .datatable + .datatable th[scope="row"] * {
                transition: none !important;
            }
}

.labeled-amount {
    margin: 2em 0 1em;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

h2.labeled-amount {
    font-size: inherit;
    font-weight: inherit;
}

.labeled-amount .amount {
    color: #eeddb7;
}

@media only screen and (max-width: 767px) {
    .labeled-amount {
        flex-direction: column;
        align-items: flex-start;
    }

        .labeled-amount .label {
            padding-bottom: 0.7em;
        }

        .labeled-amount .amount {
            font-size: 47.5px;
            font-size: 4.75rem;
            line-height: 1.01052632;
        }
}

@media only screen and (min-width: 768px) {
    .labeled-amount {
        flex-direction: row;
    }

        .labeled-amount .amount {
            font-size: 100px;
            font-size: 10rem;
            line-height: 1;
        }
}

@supports (display: grid) {
    @media only screen and (min-width: 768px) {
        .pricecalculation-panel .inner {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-gap: 0 100px;
        }

            .pricecalculation-panel .inner::after {
                content: "";
                display: block;
                width: 2px;
                align-self: stretch;
                background: #45494d;
                -webkit-transform: translate(-48px, 0.9em);
                transform: translate(-48px, 0.9em);
                grid-column: 3;
                grid-row: 2;
            }

            .pricecalculation-panel .inner .datatable {
                grid-row: 2;
            }

                .pricecalculation-panel .inner .datatable:nth-of-type(1) {
                    grid-column: 1 / span 2;
                }

                .pricecalculation-panel .inner .datatable + .datatable {
                    grid-column: 3;
                }

            .pricecalculation-panel .inner .labeled-amount {
                grid-column: 1 / span 3;
            }
    }
}

.subscribe-panel .inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

@media only screen and (max-width: 767px) {
    .subscribe-panel .inner {
        flex-direction: column;
    }
}

@media only screen and (min-width: 768px) {
    .subscribe-panel {
        background: #f5eee6; /*#f4f4f4;*/
        /*background: #f4f4f4;
        */
    }

        .subscribe-panel .inner {
            flex-direction: row;
        }

            .subscribe-panel .inner .textbox {
                width: 50%;
            }

            .subscribe-panel .inner [class$="form"] {
                width: 33%;
                min-width: 300px;
            }
}

.blueprint-panel {
    padding-top: 196px;
    padding-bottom: 50px;
    color: #eeddb7;
    /*background: url(bg_plantegning_stripes.png) center top no-repeat, url(bg_plantegning_stripes.png) center bottom no-repeat;*/
    background-size: 1600px;
    margin-top: -96px;
    position: relative;
}

    .blueprint-panel svg {
        fill: #eeddb7;
    }

    .blueprint-panel .detailslist {
        color: #e6e6e6;
    }

    .blueprint-panel .swiper-pagination {
        position: static;
    }

        .blueprint-panel .swiper-pagination .swiper-pagination-bullet {
            background: #f5eee6; /*#f4f4f4;*/
            /*background: #f4f4f4;*/
        }

        .blueprint-panel .swiper-pagination .swiper-pagination-bullet-active {
            background: #eeddb7;
        }

    .blueprint-panel .swiper-button-prev,
    .blueprint-panel .swiper-button-next {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.2);
    }

        .blueprint-panel .swiper-button-prev.swiper-button-disabled,
        .blueprint-panel .swiper-button-next.swiper-button-disabled {
            opacity: 0;
        }

@media only screen and (max-width: 767px) {
    .blueprint-panel .swiper-button-prev,
    .blueprint-panel .swiper-button-next {
        display: none;
    }
}

.blueprint-panel .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23eeddb7'%2F%3E%3C%2Fsvg%3E");
    -webkit-transform: translate(50px, -110px);
    transform: translate(50px, -110px);
}

.blueprint-panel .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23eeddb7%27%2F%3E%3C%2Fsvg%3E");
    -webkit-transform: translate(-50px, -110px);
    transform: translate(-50px, -110px);
}

.swiper-container {
    width: 100%;
}

@supports (display: grid) {
    .blueprint-panel {
        display: grid;
        grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];
    }

    @media only screen and (max-width: 767px) {
        .blueprint-panel {
            grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
        }
    }

    .blueprint-panel .inner {
        grid-column: inner;
    }

        .blueprint-panel .inner .blueprint-details {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: flex-start;
        }

            .blueprint-panel .inner .blueprint-details .info {
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-items: center;
            }
}

.eurodancta-panel .content {
    background: #f5eee6; /*#f4f4f4;*/
    /*background: #f4f4f4 url(eurodan_texture_light.jpg) center top;*/
    background-size: auto;
}

@supports (display: grid) {
    .eurodancta-panel {
        display: grid;
        grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];
        grid-template-rows: auto auto 100px auto;
    }

    @media only screen and (max-width: 767px) {
        .eurodancta-panel {
            grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
        }
    }

    .eurodancta-panel::before {
        content: "";
        display: block;
        background: #ffffff;
        grid-row: 1;
        grid-column: center;
    }

    .eurodancta-panel .infobox {
        grid-row: 1;
        grid-column: left;
    }

    .eurodancta-panel .iconbox {
        grid-row: 3 / 5;
        grid-column: right;
        z-index: 2;
    }

    .eurodancta-panel picture {
        grid-row: 2 / 4;
        grid-column: inner;
    }

    .eurodancta-panel .content {
        grid-row: 4;
        grid-column: outer;
        padding: 4em 0;
        display: grid;
        grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];
    }

    @media only screen and (max-width: 767px) {
        .eurodancta-panel .content {
            grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
        }
    }

    .eurodancta-panel .content .textbox {
        grid-column: left / center;
    }

        .eurodancta-panel .content .textbox h2 {
            margin-right: 4em;
        }

        .eurodancta-panel .content .textbox p {
            margin-right: 4.5em;
        }

    .eurodancta-panel .content .textbox-top {
        grid-column: left / center;
        min-height: 15vw;
    }

        .eurodancta-panel .content .textbox-top h2 {
            margin-right: 4em;
        }

        .eurodancta-panel .content .textbox-top p {
            margin-right: 4.5em;
        }

    .eurodancta-panel .content .textbox-bottom {
        grid-column: 2 / 5;
    }

        .eurodancta-panel .content .textbox-bottom h2 {
            margin-right: 4em;
        }

        .eurodancta-panel .content .textbox-bottom p {
            margin-right: 1em;
        }
}

.facts-panel {
    background: #09193b; /*url(bg_plantegning_stripes.png) center top no-repeat;*/
    background-size: 1600px;
    /*margin-top: -96px;*/
    position: relative;
    color: #ffffff;
}

    .facts-panel .inner {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
    }

@media only screen and (max-width: 767px) {
    .facts-panel {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 1.1;
        padding-top: 100px;
    }

        .facts-panel .inner {
            margin: 0 3em;
        }

        .facts-panel .factoid {
            margin: 1.5em 0;
        }
}

@media only screen and (min-width: 768px) {
    .facts-panel {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.33333333;
        padding: 60px 0;
    }

        .facts-panel .factoid {
            margin: 0 1.3em;
        }

        .facts-panel .inner {
            flex-direction: row;
            justify-content: space-between;
        }
}

.facts-panel em {
    color: #eeddb7;
    font-style: normal;
}

.facts-panel strong {
    color: #eeddb7;
    text-decoration: underline;
    font-weight: normal;
}

@supports (display: grid) {
    @media only screen and (min-width: 768px) {
        .facts-panel {
            display: grid;
            grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];
        }

            .facts-panel .inner {
                grid-column: inner;
                display: grid;
                grid-template-columns: [left-start] 1fr [left-end center-start] 1fr [center-end right-start] 1fr [right-end];
                grid-gap: 0 6vw;
            }

                .facts-panel .inner .factoid {
                    margin: 0;
                }
    }

    @media only screen and (min-width: 768px) and only screen and (max-width: 767px) {
        .facts-panel {
            grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
        }
    }
}

.dropdown-panel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    bottom: 200px;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: -1;
    transition: 0.2s ease-in;
    transition-property: opacity;
}

    .dropdown-panel:target,
    .dropdown-panel.showing {
        top: 100%;
        bottom: auto;
        opacity: 1;
        z-index: 5;
    }

    .dropdown-panel .dropdown-inner {
        box-sizing: content-box;
        display: block;
        margin-right: auto;
        margin-left: auto;
        max-width: 1200px;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
    }

        .dropdown-panel .dropdown-inner .subnav {
            border: 0px;
            margin-left: 0px;
            min-width: 40%;
            width: 40%;
        }

@media (min-width: 1400px) {
    .dropdown-panel .dropdown-inner .subnav {
        margin-left: 00px;
    }
}

@media only screen and (min-width: 1600px) {
    .dropdown-panel .dropdown-inner .subnav {
        margin-left: 100px;
    }
}

@media only screen and (min-width: 1600px) {
    .dropdown-panel .dropdown-inner div {
        margin-right: 100px;
    }
}

@media only screen and (min-width: 1600px) {
    .dropdown-panel .dropdown-inner {
        max-width: 1400px;
    }
}

.housetypes-panel header {
    background: #f5eee6; /*#f4f4f4;*/
    /*background: #f4f4f4 url(eurodan_texture_light.jpg) center top;*/
    background-size: auto;
    position: relative;
    height: 100px;
    padding-right: 1.5em;
    text-align: right;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}

    .housetypes-panel header h3 {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.33333333;
        font-weight: 500;
        margin: 0;
    }

    /*
    .housetypes-panel header::before {
        content: "";
        display: block;
        width: 300px;
        height: 200px;
        background: #ffffff;
        position: absolute;
        top: 0;
        left: 0;
    }*/

.housetypes-panel .content {
    background: #09193b; /* #222 url(eurodan_texture_dark.jpg) left top;*/
    background-size: auto;
    padding: 200px 0 100px;
}

    .housetypes-panel .content .inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-end;
        align-content: center;
        margin: 0 -60px;
    }

        .housetypes-panel .content .inner .housetypelink {
            margin: 0 60px 80px;
        }

@supports (display: grid) {
    .housetypes-panel {
        display: grid;
        grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];
    }

    @media only screen and (max-width: 767px) {
        .housetypes-panel {
            grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
        }
    }

    .housetypes-panel header {
        grid-column: inner;
    }

    .housetypes-panel .content {
        grid-column: outer;
        display: grid;
        grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];
    }

    @media only screen and (max-width: 767px) {
        .housetypes-panel .content {
            grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
        }
    }

    .housetypes-panel .content .inner {
        grid-column: inner;
    }
}

.navbuttons-panel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
}

    .navbuttons-panel .navbutton {
        margin-left: 6px;
    }

.navbar-panel {
    position: fixed;
    z-index: 200;
    top: 50px;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    transition: top 0.15s ease-in-out;
}

.scrolled_disabled .navbar-panel {
    top: 0;
}

@supports (display: grid) {
    .navbar-panel .navbar-inner {
        max-width: 1200px;
        display: grid;
        grid-template-columns: auto [outer-start] minmax(auto, 1fr) [inner-start] repeat(6, minmax(auto, 200px)) [inner-end] minmax(auto, 1fr) [outer-end] auto;
    }

        .navbar-panel .navbar-inner .logo {
            grid-column: outer-start / span 1;
            width: 100px;
        }

        .navbar-panel .navbar-inner .mainnavigation {
            height: 100%;
            grid-column: inner-start / span 5;
        }

        .navbar-panel .navbar-inner .navbuttons-panel {
            grid-column: span 1 / inner-end;
        }

    @media only screen and (min-width: 1600px) {
        .navbar-panel .navbar-inner {
            max-width: 1600px;
        }
    }
}

.booking-panel .inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

@media only screen and (max-width: 767px) {
    .booking-panel .inner {
        flex-direction: column;
    }
}

@media only screen and (min-width: 768px) {
    .booking-panel {
        background: #f5eee6; /*#f4f4f4;*/
    }

        .booking-panel .inner {
            flex-direction: row;
        }

            .booking-panel .inner .textbox {
                width: 50%;
            }

            .booking-panel .inner [class$="form"] {
                width: 33%;
                min-width: 300px;
            }
}

.booking-panel .inner .textbox {
    padding-right: 40px;
}

.ordercatalog-panel {
    padding-top: 60px;
    padding-bottom: 60px;
}

    .ordercatalog-panel .inner {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }

@media only screen and (max-width: 767px) {
    .ordercatalog-panel .inner {
        flex-direction: column;
    }
}

@media only screen and (min-width: 768px) {
    .ordercatalog-panel {
        background: #f5eee6; /*#f4f4f4;*/
    }

        .ordercatalog-panel .inner {
            flex-direction: row;
        }

            .ordercatalog-panel .inner .textbox {
                width: 50%;
            }

            .ordercatalog-panel .inner [class$="form"] {
                width: 33%;
                min-width: 300px;
            }
}

.ordercatalog-panel .inner .textbox {
    padding-right: 40px;
}

.filters-panel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 -10px;
}

    .filters-panel > * {
        margin: 10px;
    }

.employees-panel {
    margin: auto;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: stretch;
}

    .employees-panel > * {
        flex: 1 1 50%;
        min-width: 200px;
    }

@media only screen and (min-width: 768px) {
    .employees-panel > * {
        flex: 1 1 33.33%;
        min-width: 300px;
    }
}

@supports (display: grid) {
    @media only screen and (min-width: 768px) {
        .employees-panel {
            display: grid;
            grid-gap: 0;
            grid-auto-rows: minmax(200px, 400px);
            grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
            align-items: stretch;
            grid-template-columns: repeat(3, minmax(200px, 400px));
        }

            .employees-panel > * {
                min-width: 0;
            }

            .employees-panel.circular > *:nth-child(1) {
                grid-column: 2;
            }

            .employees-panel.circular > *:nth-child(4) {
                grid-column: 3;
            }

            .employees-panel.circular > *.infobox {
                grid-row: 2;
                grid-column: 2;
            }

            .employees-panel.angular > *:nth-child(1) {
                grid-column: 2;
            }

            .employees-panel.angular > *:nth-child(2) {
                grid-row: 2;
            }

            .employees-panel.angular > *:nth-child(3) {
                grid-row: 2;
                grid-column: 3;
            }

            .employees-panel .infobox {
                width: 100%;
                height: 100%;
                background-size: cover;
            }
    }
}

.footer-panel {
    position: relative;
}

    .footer-panel .mapcontainer {
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 1;
    }

    .footer-panel .media {
        position: relative;
    }

@media (max-width: 1400px) {
    .footer-panel .media {
        width: 1600px;
        height: 588px;
        -webkit-transform: translateX(-8%);
        transform: translateX(-8%);
    }
}

@media (max-width: 1200px) {
    .footer-panel .media {
        width: 1400px;
        height: 514.5px;
        -webkit-transform: translateX(-12%);
        transform: translateX(-12%);
    }
}

@media (max-width: 800px) {
    .footer-panel .media {
        width: 1200px;
        height: 441px;
        -webkit-transform: translateX(-16%);
        transform: translateX(-16%);
    }
}

@media (min-width: 1401px) {
    .footer-panel .media {
        width: 1600px;
        height: 588px;
        -webkit-transform: none;
        transform: none;
    }
}

.footer-panel .media .origin {
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    left: 22.875%;
    top: 0;
    overflow: hidden;
    z-index: 10;
}

.footer-panel .hotspot {
    position: absolute;
    display: block;
    width: 34px;
    height: 50px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    background: url(locationmap-pin-blue.png) center bottom no-repeat;
    background-size: 30px;
}

    .footer-panel .hotspot.selected {
        background-image: url(locationmap-pin-orange.png);
    }

@media only screen and (max-width: 767px) {
    .footer-panel .media {
        display: none;
    }
}

.footer-panel .locationinfo {
    position: absolute;
    top: 8%;
    right: 8%;
}

@supports (display: grid) {
    .footer-panel {
        position: relative;
    }

    @media only screen and (min-width: 768px) {
        .footer-panel {
            grid-column: outer;
            
            display: grid;
            grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];
        }

            .footer-panel .mapcontainer {
                grid-column: outer;
                grid-row: 1;
                z-index: 1;
            }

            .footer-panel .inner {
                position: relative;
                z-index: 2;
                /*pointer-events: none;*/
                grid-column: inner;
                grid-row: 1;
                display: grid;
                grid-template-columns: [left-start] 1fr [left-end center-start] 1fr [center-end right-start] 1fr [right-end];
            }

                .footer-panel .inner .locationinfo {
                    position: relative;
                    pointer-events: auto;
                    top: 0;
                    right: 0;
                    left: auto;
                    z-index: 20;
                    grid-column: right;
                    -webkit-transform: translateY(-100px);
                    transform: translateY(-100px);
                }

                    .footer-panel .inner .locationinfo header h4 img {
                        position: relative;
                        top: -11px;
                        height: 60px;
                        margin-right: 7px;
                    }
    }

    @media only screen and (min-width: 768px) and only screen and (max-width: 767px) {
        .footer-panel {
            grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
        }
    }

    .footer-panel > .listview-panel.large {
        grid-column: outer;
        color: #fff;
        /*background-image: url(eurodan_texture_dark.jpg);*/
        background-size: auto;
        background-color: #09193b; /*#20262c;*/
        padding: 40px 100px 40px 250px;
    }

        .footer-panel > .listview-panel.large div.text {
            font-size: 1.2em;
            padding-bottom: 35px;
        }

            .footer-panel > .listview-panel.large div.text div {
                /*padding-bottom: 10px;*/
            }

    @media (max-width: 767px) {
        .footer-panel > .listview-panel.large {
            padding: 40px 15px 40px 15px !important;
        }
    }
}

.listview-panel {
    padding-top: 80px;
    padding-bottom: 80px;
}

    .listview-panel > h2 {
        text-align: center;
    }

    .listview-panel .inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
    }

    .listview-panel.large .inner > * {
        flex: 0 1 390px;
    }

    .listview-panel.small .inner > * {
        flex: 1 1 12%;
    }

    .listview-panel.small .text h3 {
        font-weight: 500;
    }

@supports (display: grid) {
    .listview-panel.large .inner {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        grid-gap: 20px 30px;
    }

    .listview-panel.small .inner {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        grid-gap: 40px 50px;
    }
}

.three-col-panel {
    display: block;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

    .three-col-panel > * {
        list-style: none;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
        margin: -0.8rem;
    }

        .three-col-panel > * > * {
            flex-basis: calc((75ch - 100%) * 999);
            flex-grow: 1;
            margin: 0.8rem;
        }

    .three-col-panel header {
        text-align: center;
        margin-bottom: 1em;
    }

    .three-col-panel .inner > * {
        flex-basis: calc((800px - 100%) * 999);
    }

    .three-col-panel .textbox img {
        max-width: 100%;
        height: auto !important;
    }

@media only screen and (max-width: 767px) {
    .three-col-panel {
        font-size: 17.5px;
        font-size: 1.75rem;
        line-height: 1.28571429;
    }
}

@media only screen and (min-width: 768px) {
    .three-col-panel {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.36363636;
        font-weight: 200;
    }
}

.gallery-panel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}

    .gallery-panel > * {
        flex: 1 1 33%;
    }

@supports (display: grid) {
    .gallery-panel {
        display: grid;
        grid-gap: 0;
        grid-template-columns: repeat(3, minmax(200px, 400px));
    }

        .gallery-panel .infobox,
        .gallery-panel .spacer-block {
            display: block;
            position: relative;
            padding-bottom: 100%;
        }

            .gallery-panel .infobox > *,
            .gallery-panel .spacer-block > * {
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

            .gallery-panel .infobox > video,
            .gallery-panel .spacer-block > video,
            .gallery-panel .infobox > picture,
            .gallery-panel .spacer-block > picture,
            .gallery-panel .infobox > picture > img,
            .gallery-panel .spacer-block > picture > img,
            .gallery-panel .infobox > img,
            .gallery-panel .spacer-block > img {
                width: 100%;
                height: auto;
            }

    @supports ((-o-object-fit: cover) or (object-fit: cover)) {
        .gallery-panel .infobox > video,
        .gallery-panel .spacer-block > video,
        .gallery-panel .infobox > picture,
        .gallery-panel .spacer-block > picture,
        .gallery-panel .infobox > picture > img,
        .gallery-panel .spacer-block > picture > img,
        .gallery-panel .infobox > img,
        .gallery-panel .spacer-block > img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }
    }

    .gallery-panel .infobox {
        width: 100% !important;
    }

    @media only screen and (max-width: 767px) {
        .gallery-panel {
            grid-template-columns: repeat(2, 1fr);
        }

            .gallery-panel .infobox {
                height: auto;
            }
    }
}

.navigation-panel {
    background: unset !important;
}

.navigation-panel .inner {
    box-sizing: content-box;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
}

@media only screen and (min-width: 768px) {
    .navigation-panel .inner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
    }
}

@media only screen and (min-width: 1600px) {
    .navigation-panel .inner {
        max-width: 1200px;
    }
}

.navigation-panel #menuX {
    background: #f4f4f4 url(eurodan_texture_light.jpg) center top;
    background-size: auto;
    min-height: 100px;
}

.navigation-panel .logo {
    flex: 0 0 75px;
    padding-right: 15px;
}

    .navigation-panel .logo img {
        max-width: 100%;
    }

@media (min-width: 1400px) {
    .navigation-panel .logo {
        flex-basis: 100px;
        padding-right: 0;
    }
}

.navigation-panel .menutriggerXXX {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap;
    transition: none !important;
    visibility: hidden;
    position: absolute;
    font-size: 0;
    height: 0;
    width: 0;
    flex: 0 0 100px;
}

    .navigation-panel .menutriggerXXX * {
        transition: none !important;
    }

.navigation-panel.scrollapsed .menutriggerXXX,
.scrolled_disabled .navigation-panel .menutriggerXXX {
    visibility: visible;
    position: static;
    font-size: inherit;
    height: auto;
    width: auto;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 34px;
    color: #20262c;
    text-transform: uppercase;
}

    .navigation-panel.scrollapsed .menutriggerXXX::before,
    .scrolled_disabled .navigation-panel .menutriggerXXX::before {
        content: "";
        display: block;
        width: 33px;
        height: 12px;
        border: solid;
        border-width: 2px 0;
        margin-right: 18px;
    }

.navigation-panel.scrollapsed .mainnav,
.scrolled_disabled .navigation-panel .mainnav {
    min-width: 480px;
}

@media only screen and (min-width: 1600px) {
    .navigation-panel.scrollapsed .mainnav,
    .scrolled_disabled .navigation-panel .mainnav {
        min-width: 600px;
    }
}

.navigation-panel.scrollapsed .mainnav > ul,
.scrolled_disabled .navigation-panel .mainnav > ul {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap;
    transition: none !important;
    visibility: hidden;
    position: absolute;
    font-size: 0;
    height: 0;
    width: 0;
}

    .navigation-panel.scrollapsed .mainnav > ul *,
    .scrolled_disabled .navigation-panel .mainnav > ul * {
        transition: none !important;
    }

html:not(.scrolled_disabled) .navigation-panel .inner {
    position: relative;
}

    html:not(.scrolled_disabled) .navigation-panel .inner .logo {
        opacity: 0;
    }

    html:not(.scrolled_disabled) .navigation-panel .inner .namelogo {
        content: "";
        display: block;
        width: 180px;
        height: 50px;
        background: url(logo_eurodan-dark.png) left center no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translate(10px, -100%);
        transform: translate(10px, -100%);
        z-index: 999;
    }

@media only screen and (min-width: 1400px) {
    html:not(.scrolled_disabled) .navigation-panel .inner .namelogo {
        -webkit-transform: translate(10px, -100%);
        transform: translate(10px, -100%);
    }
}

.utilnav-panel {
    display: block;
    overflow: hidden;
    margin-left: 6px;
}

    .utilnav-panel > * {
        list-style: none;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
        margin: -3px;
    }

        .utilnav-panel > * > * {
            flex-basis: calc((300px - 100%) * 999);
            flex-grow: 1;
            margin: 3px;
        }

@media only screen and (min-width: 768px) {
    .utilnav-panel {
        min-width: 312px;
    }
}

.utilnav-panel > ul {
    height: 100%;
}

    .utilnav-panel > ul,
    .utilnav-panel > ul > * {
        margin-top: 0;
        margin-bottom: 0;
    }

        .utilnav-panel > ul .navbutton {
            height: 100%;
        }

.searchsummary-panel > header {
    box-sizing: content-box;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
}

    .searchsummary-panel > header > * {
        display: flex;
        flex-wrap: wrap;
        margin: calc(0px / 2 * -1);
    }

        .searchsummary-panel > header > * > * {
            margin: calc(0px / 2);
            flex-grow: 1;
        }

            .searchsummary-panel > header > * > *:first-child {
                flex-basis: 0;
                flex-grow: 999;
                min-width: calc(50% - 0px);
            }

    .searchsummary-panel > header .info {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 1.1;
        font-weight: 500;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        padding-left: 1em;
        background: #ffffff;
    }

@media only screen and (min-width: 768px) {
    .searchsummary-panel > header .info {
        font-size: 65px;
        font-size: 6.5rem;
        line-height: 1.07692308;
    }
}

.searchsummary-panel > header .numberbox {
    color: #eeddb7;
}

.searchsummary-panel > div {
    background: #09193b;
    /*background: #222 url(eurodan_texture_dark.jpg) left top;*/
    background-size: auto;
}

.searchsummary-panel form {
    box-sizing: content-box;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    padding: 100px 10px;
}

    .searchsummary-panel form input[type="text"] {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 1.1;
        background: #ffffff url(icon-loupe.png) right 1em center no-repeat;
        height: 2.5em;
        border: none;
        border-radius: 2em;
        padding: 0 2em;
    }

.editprofile-panel {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.36363636;
    font-weight: 200;
}

    .editprofile-panel h1 {
        font-size: 65px;
        font-size: 6.5rem;
        line-height: 1.07692308;
        font-weight: 500;
        margin-bottom: 0.2em;
    }

    .editprofile-panel .profile-top {
        background: #09193b;
        /*background: #222 url(eurodan_texture_dark.jpg) left top;*/
        background-size: auto;
        padding-top: 400px;
        padding-bottom: 2em;
        color: #ffffff;
    }

    .editprofile-panel .intro {
        display: block;
        overflow: hidden;
    }

        .editprofile-panel .intro > * {
            list-style: none;
            padding-left: 0;
            padding-right: 0;
            display: flex;
            flex-wrap: wrap;
            margin: -1em;
        }

            .editprofile-panel .intro > * > * {
                flex-basis: calc((800px - 100%) * 999);
                flex-grow: 1;
                margin: 1em;
            }

    .editprofile-panel .profile-edit {
        padding-top: 2em;
        display: none;
    }

        .editprofile-panel .profile-edit.showing {
            display: block;
        }

    .editprofile-panel .profile-data {
        display: block;
        overflow: hidden;
    }

        .editprofile-panel .profile-data > * {
            list-style: none;
            padding-left: 0;
            padding-right: 0;
            display: flex;
            flex-wrap: wrap;
            margin: -1em;
        }

            .editprofile-panel .profile-data > * > * {
                flex-basis: calc((800px - 100%) * 999);
                flex-grow: 1;
                margin: 1em;
            }

    .editprofile-panel .inner {
        max-width: 1200px;
        margin-right: auto;
        margin-left: auto;
    }

    .editprofile-panel .toggle-edit {
        color: #ffffff;
        display: block;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: center;
    }

        .editprofile-panel .toggle-edit::before {
            content: "";
            display: inline-block;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: #6aa8df url(icon-profile.png) center no-repeat;
            background-size: 29px;
            margin-right: 20px;
        }

.imagebuttons-panel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

    .imagebuttons-panel * + * {
        margin-left: 20px;
    }

.newsletterform {
    position: relative;
    background-color: #f5eee6;
    padding: 40px;
    color: #09193b;
    font-size: 1.4rem;
    border-radius: 8px;
}

    .newsletterform .form-header {
        font-size: 1.6em;
        text-align: center;
    }

    .newsletterform form {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .newsletterform .form-field-label {
        font-weight: bold;
    }

    .newsletterform .form-field {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .newsletterform .form-field .form-field-text,
        .newsletterform .form-field .form-field-select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            color: #09193b;
            background-color: #fff;
            border: 1px solid #cbd1d9;
            padding: 8px 12px;
            border-radius: 4px;
        }

        .newsletterform .form-field .form-field-select {
            padding-right: 24px;
            background-image: url(icon-select-arrows.png);
            background-size: auto 60%;
            background-repeat: no-repeat;
            background-position: right 8px center;
        }

        .newsletterform .form-field.inline-field .form-field-label {
            cursor: pointer;
            position: relative;
            display: inline-flex;
            align-items: flex-start;
            gap: 10px;
            margin: 0;
        }

            .newsletterform .form-field.inline-field .form-field-label input[type=checkbox] {
                position: absolute;
                inline-size: 24px;
                block-size: 24px;
                opacity: 0;
            }

            .newsletterform .form-field.inline-field .form-field-label .visualizer {
                flex: none;
                display: block;
                inline-size: 24px;
                block-size: 24px;
                border: 1px solid #cbd1d9;
                border-radius: 4px;
                background: #fff;
            }

            .newsletterform .form-field.inline-field .form-field-label input[type=checkbox]:checked + .visualizer {
                background: #1d8bff url(icon-checkmark.svg) center no-repeat;
                background-size: 15px;
            }

            .newsletterform .form-field.inline-field .form-field-label:focus-within .visualizer {
                outline: 2px dashed blue;
                outline-offset: 2px;
                outline-style: auto;
            }

    .newsletterform .form-field-error-message {
        font-size: 0.8em;
        font-weight: 500;
        color: #dc372a;
        display: none;
    }

    .newsletterform .has-error .form-field-error-message {
        display: block;
    }

    .newsletterform .has-error .form-field-text {
        border-color: #dc372a;
        box-shadow: 0 0 4px #dc372a;
    }

    .newsletterform .form-submit-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        border-radius: 4px;
        background-color: #09193b;
        color: #f5eee6;
        font-weight: bold;
        padding: 0.5em 1.2em;
        cursor: pointer;
    }

    .newsletterform .actions {
        align-self: flex-start;
        margin-top: 2em;
    }

    .newsletterform .permission {
        border-top: 1px solid #cbd1d9;
        padding-top: 20px;
    }

        .newsletterform .permission p {
            margin-top: 2em;
        }

            .newsletterform .permission p + p {
                margin-top: 0.5em;
            }

        .newsletterform .permission a {
            color: #3e83b7;
            text-decoration: underline;
            font-weight: bold;
        }

    .newsletterform .close-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 24px;
        height: 24px;
        background: transparent url(icon-close-menu.png) center no-repeat;
        background-size: 60%;
        border: none;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 20px;
        display: block;
    }

.components .newsletterform {
    max-width: 50%;
}

@media only screen and (min-width: 768px) {
    [data-layout] main {
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

        [data-layout] main .navigation-panel {
            transition: top 0.3s cubic-bezier(0.14, 0.43, 0.67, 1.26);
            position: fixed;
            top: 25px;
            left: 0;
            right: 0;
            z-index: 50;
        }

    .scrolled_disabled [data-layout] main .navigation-panel {
        transition: top 0.4s cubic-bezier(0.14, 0.43, 0.67, 1.26);
        top: 0;
    }
}

@media only screen and (max-width: 890px) {
    [data-layout] .navigation-panel {
        display: none;
    }

    [data-layout] .compactnav {
        background: #09193b;
        display: flex;
    }
}

@media only screen and (min-width: 891px) {
    [data-layout] .navigation-panel {
        display: block;
    }

    [data-layout] .compactnav {
        display: none;
    }
}

[data-layout] .footer-panel {
    margin-top: 0px;
}

[data-layout] {
    display: grid;
    grid-template-columns: minmax(auto, 1fr) [content-start] minmax(auto, 1600px) [content-end] minmax(auto, 1fr);
}

    [data-layout] > * {
        grid-column: content;
    }

    [data-layout] .fullscreenbanner {
        grid-column: 1 / -1;
    }

    [data-layout] .textured-container {
       /* grid-column: outer;*/
        display: grid;
        grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];
    }

@media only screen and (max-width: 767px) {
    [data-layout] .textured-container {
        grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
    }
}

[data-layout] .textured-container .inner {
    grid-column: inner;
}

[data-layout] .editprofile-panel {
    /*grid-column: outer;*/
}

[data-layout] main {
    display: grid;
    grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];
}

@media only screen and (max-width: 767px) {
    [data-layout] main {
        grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
    }
}

[data-layout] main > * {
    grid-column: inner;
}

[data-layout] main .navbar-panel {
    height: 100px;
    /*grid-column: outer;*/
}

[data-layout] main .searchsummary-panel {
    grid-column: outer;
    margin-top: -125px;
    position: relative;
}

@media only screen and (min-width: 768px) {
    [data-layout] main .searchsummary-panel {
        margin-top: -150px;
    }
}

[data-layout] main .maplocation {
    /*grid-column: outer;*/
}

[data-layout] main .herobanner {
    /*grid-column: outer;*/
}

[data-layout] main .breaker {
    /*grid-column: outer;*/
    background: #f5eee6;
}

[data-layout] main .housetypes-panel {
    /*grid-column: outer;*/
}

[data-layout] main .facts-panel {
    /*grid-column: outer;*/
}

@media only screen and (min-width: 768px) {
    [data-layout] main .facts-panel + .intro-panel {
        margin-top: -200px;
        position: relative;
    }
}

@media only screen and (min-width: 768px) {
    [data-layout] main .facts-panel + .presentation-panel {
        margin-top: -100px;
        position: relative;
    }
}

[data-layout] main .subscribe-panel,
[data-layout] main .ordercatalog-panel,
[data-layout] main .booking-panel {
    grid-column: outer;
    padding-top: 200px;
    display: grid;
    grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];
}

@media only screen and (max-width: 767px) {
    [data-layout] main .subscribe-panel,
    [data-layout] main .ordercatalog-panel,
    [data-layout] main .booking-panel {
        grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
    }
}

[data-layout] main .subscribe-panel .inner,
[data-layout] main .ordercatalog-panel .inner,
[data-layout] main .booking-panel .inner {
    grid-column: inner;
}

@supports (display: grid) {
    @media only screen and (min-width: 768px) {
        [data-layout="eurodan-total"] main .herobanner + .intro-panel {
            margin-top: -200px;
        }
    }

    [data-layout="eurodan-total"] main .imageblock {
        /*grid-column: outer;*/
    }

    [data-layout="eurodan-total"] main .pricecalculation-panel {
        /*grid-column: outer;*/
        display: grid;
        grid-template-columns: [outer-start] minmax(auto, 1fr) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 1fr) [outer-end];
    }

    @media only screen and (max-width: 767px) {
        [data-layout="eurodan-total"] main .pricecalculation-panel {
            grid-template-columns: [outer-start] minmax(auto, 10px) [inner-start left-start] 2fr [left-end center-start] 2fr [center-end right-start] 2fr [right-end inner-end] minmax(auto, 10px) [outer-end];
        }
    }

    [data-layout="eurodan-total"] main .pricecalculation-panel .inner {
        grid-column: inner;
    }

    @media only screen and (min-width: 768px) {
        [data-layout="eurodan-total"] main .presentation-panel {
            margin-top: -100px;
        }
    }
}

@supports (display: grid) {
    [data-layout="hustype"] main .herobanner,
    [data-layout="hustype"] main .blueprint-panel,
    [data-layout="hustype"] main .eurodancta-panel {
        /*grid-column: outer;*/
    }

        [data-layout="hustype"] main .blueprint-panel + .eurodancta-panel {
            position: relative;
            margin-top: -200px;
        }
}