@font-face {
    font-family: "DinLight";
    src: url("../fonts/5590868/25df6f92-ec41-4f60-91af-bddc19a3adc2.eot?#iefix");
    src: url("../fonts/5590868/25df6f92-ec41-4f60-91af-bddc19a3adc2.eot?#iefix") format("eot"), url("../fonts/5590868/e39ef3e7-91b2-45d0-8c2f-cfdcd0c0ab94.woff2") format("woff2"), url("../fonts/5590868/83ff78fa-6d76-4fb5-8bff-8af8eec8e368.woff") format("woff"), url("../fonts/5590868/9be9615e-18d6-4bf7-bb05-068341c85df3.ttf") format("truetype")
}

@font-face {
    font-family: "DIN W01 Light Italic";
    src: url("../fonts/5590883/e0df2bb1-32d4-4f28-a889-9e712e9e5032.eot?#iefix");
    src: url("../fonts/5590883/e0df2bb1-32d4-4f28-a889-9e712e9e5032.eot?#iefix") format("eot"), url("../fonts/5590883/8eb3ea4e-7431-45c4-a6c2-bb2e29a35912.woff2") format("woff2"), url("../fonts/5590883/947e980c-a314-46ff-9686-a2ac4fc5ef87.woff") format("woff"), url("../fonts/5590883/514ab38e-17f7-4b83-8cfe-78eac11c1de3.ttf") format("truetype")
}

@font-face {
    font-family: "DinRegular";
    src: url("../fonts/5591097/9b63158c-0e74-4751-966c-d749c5d31cce.eot?#iefix");
    src: url("../fonts/5591097/9b63158c-0e74-4751-966c-d749c5d31cce.eot?#iefix") format("eot"), url("../fonts/5591097/6ceed230-b2b3-4422-b048-4aa11687430a.woff2") format("woff2"), url("../fonts/5591097/80b0143f-6f0d-4dce-aafd-f3c81b85d177.woff") format("woff"), url("../fonts/5591097/247437df-66d2-4605-ac03-1be0e07c31a7.ttf") format("truetype")
}

@font-face {
    font-family: "DIN W01 Italic";
    src: url("../fonts/5591103/dddeebac-6a12-4ffd-8d20-a48eb55002ec.eot?#iefix");
    src: url("../fonts/5591103/dddeebac-6a12-4ffd-8d20-a48eb55002ec.eot?#iefix") format("eot"), url("../fonts/5591103/2f5ae48c-f613-40cb-874b-457e76012d5a.woff2") format("woff2"), url("../fonts/5591103/223b3c7d-d401-462e-8bb4-348445744557.woff") format("woff"), url("../fonts/5591103/0c29bfc2-0781-4c16-ac8a-7d7e58374112.ttf") format("truetype")
}

@font-face {
    font-family: "DinMedium";
    src: url("../fonts/5591111/90744ee6-df8b-4daf-924d-e84a33fa139c.eot?#iefix");
    src: url("../fonts/5591111/90744ee6-df8b-4daf-924d-e84a33fa139c.eot?#iefix") format("eot"), url("../fonts/5591111/398e3e8c-3bf0-4af1-9791-f426a7992711.woff2") format("woff2"), url("../fonts/5591111/4ba8e512-e6fb-494f-afd3-a7b68b2e5efb.woff") format("woff"), url("../fonts/5591111/d988fb64-309d-4c7f-9ded-4e9663aa6061.ttf") format("truetype")
}

@font-face {
    font-family: "DIN W01 Medium Italic";
    src: url("../fonts/5591121/82472208-df37-4879-ace9-1a50b3f713f9.eot?#iefix");
    src: url("../fonts/5591121/82472208-df37-4879-ace9-1a50b3f713f9.eot?#iefix") format("eot"), url("../fonts/5591121/6b143b93-3af9-45d7-be4a-d0db77890640.woff2") format("woff2"), url("../fonts/5591121/0639f35c-213f-47b7-80f7-6bf2c51d4be8.woff") format("woff"), url("../fonts/5591121/25268a6b-1a28-44ab-a72f-541478277f17.ttf") format("truetype")
}

@font-face {
    font-family: "DinBold";
    src: url("../fonts/5591154/9cab3d10-a1a9-4145-ab8a-cde6265a011d.eot?#iefix");
    src: url("../fonts/5591154/9cab3d10-a1a9-4145-ab8a-cde6265a011d.eot?#iefix") format("eot"), url("../fonts/5591154/55fa1cf8-baf8-4bf8-9718-b096b1dd231f.woff2") format("woff2"), url("../fonts/5591154/4cadc2f9-fb32-4b99-b1f2-9ce6d68afbd5.woff") format("woff"), url("../fonts/5591154/24018d68-3235-4323-9ec0-4a86537b0f30.ttf") format("truetype")
}

@font-face {
    font-family: "GaramondItalic";
    src: url("../fonts/garamond/eb-garamond-v9-latin-italic.eot?#iefix");
    src: url("../fonts/garamond/eb-garamond-v9-latin-italic.eot?#iefix") format("eot"), url("../fonts/garamond/eb-garamond-v9-latin-italic.woff2") format("woff2"), url("../fonts/garamond/eb-garamond-v9-latin-italic.woff") format("woff"), url("../fonts/garamond/eb-garamond-v9-latin-italic.ttf") format("truetype")
}

.font-light {
    font-family: "DinLight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.font-medium {
    font-family: "DinMedium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.font-regular {
    font-family: "DinRegular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.font-bold {
    font-family: "DinBold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.font-serif {
    font-family: "GaramondItalic", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
}


body, html {
    font-family: "DinRegular",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    background: #000;
}

#parallax-stage {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
}

.parallax-layer {
    position: absolute;
    height: 100%;
}

#parallax-background {
    /*background-image: url("/images/background2.png");*/
    /*width:11500px;*/
    /*height:960px;*/
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index: 0;
}

#parallax-background-info {
    z-index: 5;
    pointer-events: none;
}
#parallax-middleground {
    z-index: 10;
}

#parallax-foreground {
    /*background-image: url("/images/foreground.png");*/
    /*width:11500px;*/
    /*height:960px;*/
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index: 15;
}

#parallax-foreground-2 {
    /*background-image: url("/images/foreground.png");*/
    /*width:11500px;*/
    /*height:960px;*/
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index: 20;
}

#parallax-background,
#parallax-background img,
#parallax-middleground,
#parallax-middleground img,
#parallax-foreground,
#parallax-foreground img,
#parallax-foreground-2,
#parallax-foreground-2 img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
    pointer-events: none;

}

#parallax-foreground-info {
    pointer-events: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
    z-index: 25;
}

.parallax-video {
    position: absolute;
    height: 100%;
}

.parallax-video-small {
    position: absolute;
}

.parallax-video-scroll {
    position: absolute;
    height: 100%;
}

.parallax-image {
    position: absolute;

    /*height: 100%;*/
}
.parallax-scanner {
    position: absolute;
    overflow: hidden;
    /*height: 100%;*/
    clip-path: inset(0px 1800px 0px 0px);
}
.parallax-image-scroll,
.parallax-vertical-image-scroll{
    position: absolute;
    overflow: hidden;
    /*height: 100%;*/
}
.parallax-zoom {
    position: absolute;
    background-size: 100%;
    background-position: 50% 68%;
    height: 100%;
}
.parallax-zoom-aegypten {
    background-position: 50% 0%;
}

.parallax-zoom-kunsthandwerk {
    background-position: 10% 50%;
}
.parallax-rotate {
    position: absolute;
    height: 100%;
}

.parallax-image-scroll img,
.parallax-vertical-image-scroll img {
    position: relative;
}

.parallax-overlay {
    position: absolute;
    display: none;
}

.panorama-container {
    display: none;
    position:relative;
    height: 100%;
    width: 100%;
}
#overlay-wrapper {
    z-index: 100;
    position:relative;
    height: 100%;
    width: 100%;
    pointer-events: none;
}
.backdrop {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.75);
    pointer-events: all;
}
.parallax-panorama {
    position: absolute;
    height: 100%;
    width: 100%;
    margin: auto;
    border: none;
    z-index: 105;
}


.parallax-webgl {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 105;
}

.parallax-flip {
    position: absolute;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
    height: 100%;
}

.flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 1.5s;
    transform-style: preserve-3d;
}

.image-holder {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.flip-inner .holder-2 {
    transform: rotateY(180deg);
}

.flipped .flip-inner {
    transform: rotateY(180deg);
}

.parallax-info {
    position: absolute;
    width: 400px;
    color: #000;
    pointer-events: all;
}

.panorama-info {
    position: absolute;
    left: -200px;
    width: 400px;
    color: #000;
    pointer-events: all;
}

.info-label {
    /*height: 46px;*/
    /*width: 100%;*/
    padding: 2px 0px 4px 8px;
    background: #ffffff;
    opacity: 0.85;

    font-size: 30px;
    line-height: 40px;
    /*font-weight: bold;*/
    vertical-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    font-family: "DinBold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
}

.info-condensed{
    letter-spacing: -1px;
}

.info-content {
    /*width: 100%;*/
    padding: 8px;
    background: #ffffff;
    opacity: 0.85;
    font-size: 21px;
    line-height: 31.2px;
    display: none;
    cursor: pointer;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
    font-family: "DinRegular",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}


.info-content-top {
    position: absolute;
}
.open-infobox{
    z-index: 105;
}

video:focus {
    outline: none;
}

.ui-icon {
    position: fixed;
    /*background-position: ;*/
    /*fill: #fff;*/
    cursor: pointer;
    z-index: 106;
}

.project-close {
    right: 10px;
    top: 10px;
    background: white;
    opacity: 0.85;
}

#webgl-0 {
    display: none;
    pointer-events: all;
}

.only-locked {
    display: none;
}
.overlay-interface {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 110;
}
.interface-button {
    position: absolute;
    background: white;
    opacity: 0.85;
    pointer-events: all;
    cursor: pointer;
    box-sizing: border-box;
    border: 2px solid white;
}
.interface-left-0 {
    left: 10px;
    top:10px;
}
.interface-left-1 {
    left: 10px;
    top:65px;
}
.interface-left-1-offset {
    left: 10px;
    top:70px;
}
.interface-left-2 {
    left: 10px;
    top:120px;
}
.interface-left-2-offset {
    left: 10px;
    top:125px;
}
.interface-left-3-offset {
    left: 10px;
    top:185px;
}
.interface-right-0 {
    right: 10px;
    top:10px;
}
.interface-button-toggled {
    filter:invert(1);
    border: 2px solid black;
}

/**
ICONS
 */

.icon-small {
    width: 1rem;
    height: 1rem;
    display: inline-block;
}

.icon-big {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
}
.icon-button {
    width: 44px;
    height: 44px;
    display: inline-block;
    background-repeat: no-repeat;
}

.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-top,
.icon-arrow-bottom {
    background: url(../images/icons/Pfeil.svg);
    background-size: contain;
    /*margin-top: -4px;*/
    transform-origin: center;
}

.icon-arrow-left {
    transform: rotate(180deg);
}

.icon-arrow-right {
    margin-top: 2px;
}

.icon-arrow-bottom {
    /*margin-top: 4px;*/
    /*margin-right: 5px;*/
    transform: rotate(90deg);
    height: 40px;
    margin-top: 7px;
    margin-right: 2px;
}

.icon-arrow-top {
    margin-top: -4px;
    transform: rotate(-90deg);
}

.icon-pause {
    background: url(../images/icons/Pause.svg) no-repeat;
    background-size: contain;
    /*margin-top: -4px;*/
}

.icon-close {
    background: url(../images/icons/Kreuz.svg) no-repeat;
    background-size: contain;
    background-position-y: 4px;
}
.icon-close-white {
    background: url(../images/icons/KreuzWeiss.svg) no-repeat;
    background-size: contain;
    margin-top: 4px;
}
.icon-close-black {
    background: url(../images/icons/KreuzSchwarz.svg) no-repeat;
    background-size: contain;
    margin-top: 4px;
}
.icon-plus {
    background: url(../images/icons/Plus.svg) no-repeat;
    background-size: contain;
    background-position-y: 4px;
}
.icon-minus {
    background: url(../images/icons/Minus.svg) no-repeat;
    background-size: contain;
    background-position-y: 4px;
}
.icon-fullscreen {
    background: url(../images/icons/Vollbild.svg) no-repeat;
    background-size: contain;
    background-position-y: 4px;
}
.icon-hq {
    background: url(../images/icons/3D-Scan_HQ.svg) no-repeat;
    background-size: contain;
    background-position-y: 4px;
}
.icon-wireframe {
    background: url(../images/icons/3D-Scan_Netz.svg) no-repeat;
    background-size: contain;
    background-position-y: 4px;
}
.icon-textfields {
    background: url(../images/icons/Textfelder_An-Aus.svg) no-repeat;
    background-size: contain;
    background-position-y: 4px;
}

.icon-arrow-grey {
    background: url(../images/icons/PfeilGrau.svg) no-repeat;
    background-size: contain;
    width: 300px;
    height: 300px;
    position: absolute;
}
.icon-arrow-left-white,
.icon-arrow-right-white
{
    background: url(../images/icons/PfeilWeiss.svg);
    background-size: contain;
    /*margin-top: -4px;*/
    transform-origin: center;
}
.icon-arrow-left-white {
    transform: rotate(180deg);
}
.intro-arrow{
    animation: arrows 2.5s linear infinite ;
}
@keyframes arrows {
    0% {
        transform: translate(-100px, 0px);
        opacity: 0.0;
    }
    30%, 70% {
        transform: translate(0px, 0px);
        opacity: 1.0;
    }

    100% {
        transform: translate(100px, 0px);
        opacity: 0.0;
    }
}
.main-menu{
    position: fixed;
    bottom: 0px;
    width: 360px;
    height: 100px;
    left: 50%;
    margin-left: -180px;
    z-index:1000;
}
.main-toggle{
    display: inline-block;
    height: 46px;
    width: 46px;
    background: url(../images/icons/Burger.svg) no-repeat;
    background-size: contain;
    background-position: bottom;
    /*background-color: #4d4c4a;*/
    background-color: #CECECE;
    margin-right: 3px;
}
.main-open{
    position:absolute;
    display: none;
    bottom: 0px;
    left:0px;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 50px;
    width: 340px;
    background-color: #e0dedf;

    /*z-index:*/
}

.main-open-item {
    font-family: "DinMedium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size:22px;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.main-open-item-language {
    font-weight: bold;
    margin-top: 10px;
    text-transform: lowercase;
}
.main-open-item-language a {
    text-transform: lowercase;
}

.main-open-item a{
    text-decoration: none;
    color: #000;
}

.main-open-item span{
    color: #4c4c4c;
}

.main-close{
    position: absolute;
    left:0px;
    bottom:0px;
}

.icon-logo{
    display: inline-block;
    background: url(../images/icons/Logo_Schrift-Balken.svg) no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 310px;
    height: 100%;
}
.go-home{
    width: 310px;
    height: 50%;
    position: absolute;
    bottom: 0px;
    right:0px;
    display: block;
}


/**
HEADLINES
 */
.top-headlines{
    position: fixed;
    top: 0px;
    /*width: 360px;*/
    width: 600px;
    height: 54px;
    left: 50%;
    margin-left: -135px;
    z-index:5;
    border-left: 5px solid white;
    padding-top: 28px;
    padding-left: 28px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
}
.top-headline{
    display: none;
    text-transform: uppercase;
    font-family: "DinMedium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 32px;
    /*font-weight: bold;*/
    color: white;
    vertical-align: center;
}
.top-headline.active {
    display: block;

}

@media screen and (max-height: 700px) {
    .parallax-info {
        width: 300px;
    }

    .panorama-info {
        left: -150px;
        width: 300px;
    }

    .info-label {
        padding: 2px 0px 4px 8px;
        font-size: 22px;
        line-height: 30px;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .info-condensed{
        letter-spacing: -0.75px;
    }

    .info-content {
        padding: 6px;
        font-size: 16px;
        line-height: 21px;
    }

    .icon-big {
        width: 34px;
        height: 34px;
        display: inline-block;
    }

    .main-menu {
        width: 272px;
        height: 78px;
        margin-left: -135px;
        bottom: -1px;
    }
    .main-toggle{
        height: 34px;
        width: 34px;
        margin-right: 3px;
        cursor: pointer;
    }
    .main-open{
        padding: 8px;
        padding-top: 16px;
        padding-bottom: 40px;
        width: 254px;
    }

    .main-open-item {
        font-size:16px;
        /*height: 38px;*/
        margin-bottom: 15px;
    }
    .go-home {
        width: 234px;
    }
    .icon-logo{
        width: 232px;
        height: 100%;
    }
    .top-headlines {
        width: 270px;
        margin-left: -100px;
        height: 40px;
        padding-top: 21px;
        padding-left: 21px;
        border-left: 4px solid white;
    }
    .top-headline {
        font-size: 22px;

    }
    /*.icon-logo {*/
        /*width: 300px;*/
        /*height: 82px;*/
    /*}*/

    .interface-left-1 {
        left: 10px;
        top: 55px;
    }

    .interface-left-2 {
        left: 10px;
        top: 100px;
    }
    .interface-left-2-offset {
        left: 10px;
        top: 125px;
    }
    .icon-arrow-bottom {
        margin-top: 1px;
    }

}
@media screen and (max-height: 500px){
    .parallax-info {
        width: 200px;
    }

    .panorama-info {
        left: -100px;
        width: 200px;
    }

    .info-label {
        padding: 2px 0px 4px 8px;
        font-size: 14.5px;
        line-height: 20px;
        margin-top: 6px;
        margin-bottom: 6px;
        font-family: "DinMedium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
    .info-condensed{
        letter-spacing: -0.5px;
    }

    .info-content {
        padding: 4px;
        font-size: 10px;
        line-height: 14px;
    }
    .icon-big {
        width: 23px;
        height: 23px;
        display: inline-block;
    }
    .main-menu{
        width: 192px;
        height: 54px;
        margin-left: -86px;
    }
    .main-toggle{
        height: 24px;
        width: 24px;
        margin-right: 2px;
    }
    .main-open{
        padding: 6px;
        padding-top: 12px;
        padding-bottom: 26px;
        width: 180px;
    }

    .main-open-item {
        font-size:11px;
        /*height: 25px;*/
        margin-bottom: 10px;
    }

    .go-home {
        width: 165px;
    }
    .icon-logo{
        width: 165px;
    }
    .top-headlines {
        width: 300px;
        margin-left: -62px;
        height: 27px;
        padding-top: 14px;
        padding-left: 14px;
        border-left: 3px solid white;
    }
    .top-headline {
        font-size: 15px;
        font-family: "DinRegular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
    /*.icon-logo{*/
        /*width: 200px;*/
        /*height: 54px;*/
    /*}*/
    .interface-left-1 {
        left: 10px;
        top: 40px;
    }

    .interface-left-2 {
        left: 10px;
        top: 70px;
    }

    .interface-left-2-offset {
        left: 10px;
        top: 125px;
    }
}
@media screen and (max-height: 300px){
    .parallax-info {
        display: none;
    }

    .panorama-info {
        display: none;
    }
}

.info-icon {
    float: right;
}

/**
EDGE MENU
 */
.menu-entry{
    position:absolute;
    font-size: 32px;
    line-height: 40px;
    /*font-weight: bold;*/
    cursor: pointer;
    font-family: "DinMedium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-transform: uppercase;
}

.menu-entry a{
    color: #fff;
    text-decoration: none;
    pointer-events: all;
    display: block;
}
.menu-entry-right{
    float: right;
    text-align: right;
}
.menu-divider {
    margin-top: 2px;
    margin-bottom: 2px;
    height: 4px;
    width: 100%;
    background: #fff;
}
.menu-small {
    margin-left: 90px;
    font-size: 21px;
    line-height: 26px;
    font-family: "DinRegular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.icon-menu {
    width: 56px;
    height: 40px;
    background-size: cover;
    display: inline-block;
    margin-right: 34px;
}
.icon-menu.icon-arrow-left-white {
    margin-bottom: -12px;
}
.menu-entry-right .icon-menu{
    margin-right:0px;
    margin-left: 34px;
}
.menu-entry-right .menu-small{
    margin-right:90px;
    margin-left: 0px;
}
.icon-menu.icon-arrow-right-white {
    margin-bottom: -2px;
}
/* ----------------------- */
@media screen and (max-height: 700px) {
    .menu-entry{
        font-size: 22px;
        line-height: 30px;
        font-family: "DinMedium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
    .menu-divider {
        height: 3px;
    }

    .menu-small {
        margin-left: 68px;
        font-size: 16px;
        line-height: 20px;
    }

    .icon-menu {
        width: 46px;
        height: 32px;
        margin-right: 23px;
    }

    .icon-menu.icon-arrow-left-white {
        margin-bottom: -9px;
    }

    .menu-entry-right .icon-menu {
        margin-right: 0px;
        margin-left: 23px;
    }

    .menu-entry-right .menu-small {
        margin-right: 68px;
        margin-left: 0px;
    }

    .icon-menu.icon-arrow-right-white {
        margin-bottom: -2px;
    }
}
@media screen and (max-height: 500px) {
    .menu-entry{
        font-size: 15px;
        line-height: 20px;
        font-family: "DinRegular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
    .menu-divider {
        height: 2px;
    }

    .menu-small {
        margin-left: 45px;
        font-size: 10px;
        line-height: 13px;
    }

    .icon-menu {
        width: 28px;
        height: 20px;
        margin-right: 17px;
    }

    .icon-menu.icon-arrow-left-white {
        margin-bottom: -6px;
    }

    .menu-entry-right .icon-menu {
        margin-right: 0px;
        margin-left: 17px;
    }

    .menu-entry-right .menu-small {
        margin-right: 45px;
        margin-left: 0px;
    }

    .icon-menu.icon-arrow-right-white {
        margin-bottom: -1px;
    }
}