@import url('responsive.css');
@import url('navheader.css');
@import url('imgslider.css');
@import url('livecounter.css');
@import url('expandable.css');
/* latin-ext */
@font-face {
    font-family: 'Sanchez';
    font-style: normal;
    font-weight: 400;
    src: local('Sanchez'), local('Sanchez-Regular'), url(https://fonts.gstatic.com/s/sanchez/v4/uSfpAbjl2kRc-p4IRfESlvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Sanchez';
    font-style: normal;
    font-weight: 400;
    src: local('Sanchez'), local('Sanchez-Regular'), url(https://fonts.gstatic.com/s/sanchez/v4/ASmipTgPwTrjcfmzf6Zfwg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
    font-family: 'Sanchez';
    font-style: italic;
    font-weight: 400;
    src: local('Sanchez Italic'), local('Sanchez-Italic'), url(https://fonts.gstatic.com/s/sanchez/v4/T5ORsw9qtLJegLuwXtrO1BJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Sanchez';
    font-style: italic;
    font-weight: 400;
    src: local('Sanchez Italic'), local('Sanchez-Italic'), url(https://fonts.gstatic.com/s/sanchez/v4/HsmMg_Kwn-sTuZvQJORnl1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    -ms-box-sizing: border-box;     /* IE ? */
    -o-box-sizing: border-box;      /* ? */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

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

html,
body {
    height: 100%;
    background-color: #f9f9f9;
}

body {
    margin: 0px;
    font-family: DINNextLTPro-Medium, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #4d4d4d;
    overflow-x: hidden;
    overflow-y: auto;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-smooth:always;
}

#dataprotection ol.list > li{
    font-family: DINNextLTPro-Regular, Arial, sans-serif;
    font-size: 12pt;
    line-height: 18px;
    letter-spacing: 1.4px;
    font-weight: 100;
    padding-left: 15px;

}

ul.list,
ol.list {
    font-family: DINNextLTPro-Regular, Arial, sans-serif;
    font-size: 12pt;
    line-height: 18px;
    letter-spacing: 1.4px;
    font-weight: 100;
    padding-left: 15px;
    list-style-type: square;
}

ul.list > li,
ol.list > li {
    padding-left: 10px;
    margin-bottom: 15px;
}

#askFormular {
    position: fixed;
    overflow: hidden;
    top: 50%;
    left: 0;
    margin: -175px 30px;
    width: 100%;
    width: calc(100% - 60px);
    padding: 20px;
    background-color: #fff;
    border: solid 1px #f2f2f2;
    z-index: 20;
    -webkit-box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow:     5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow:      5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    box-shadow:         5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: transform 250ms ease-out, opacity 250ms ease-out;
    -moz-transition:    transform 250ms ease-out, opacity 250ms ease-out;
    -ms-transition:     transform 250ms ease-out, opacity 250ms ease-out;
    -o-transition:      transform 250ms ease-out, opacity 250ms ease-out;
    transition:         transform 250ms ease-out, opacity 250ms ease-out;
    pointer-events: none;
    -webkit-transform: translateY(100vh);
    -moz-transform:    translateY(100vh);
    -ms-transform:     translateY(100vh);
    -o-transform:      translateY(100vh);
    transform:         translateY(100vh);
    -moz-opacity: 0;
    -khtml-opacity: 0;  /* Safari 1.x */
    opacity: 0; /* Good browsers */
}

#spFormular {
    position: fixed;
    top: 50%;
    left: 50%;
    overflow: auto;
    padding: 20px;
    background-color: #fff;
    border: solid 1px #f2f2f2;
    z-index: 20;
    -webkit-box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow:     5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow:      5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    box-shadow:         5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: transform 250ms ease-out, opacity 250ms ease-out;
    -moz-transition:    transform 250ms ease-out, opacity 250ms ease-out;
    -ms-transition:     transform 250ms ease-out, opacity 250ms ease-out;
    -o-transition:      transform 250ms ease-out, opacity 250ms ease-out;
    transition:         transform 250ms ease-out, opacity 250ms ease-out;
    pointer-events: none;
    -webkit-transform: translate(-50%, 100vh);
    -moz-transform:    translate(-50%, 100vh);
    -ms-transform:     translate(-50%, 100vh);
    -o-transform:      translate(-50%, 100vh);
    transform:         translate(-50%, 100vh);
    -moz-opacity: 0;
    -khtml-opacity: 0;  /* Safari 1.x */
    opacity: 0; /* Good browsers */
    max-height: 90%;
    max-width: 90%;
    width: 776px;
}

body.opera-mini #askFormular,
body.opera-mini #spFormular { /* Opera Mini styles */
    display: none;
}

#askFormular.open {
    pointer-events: auto;
    -webkit-transform: translateY(0%);
    -moz-transform:    translateY(0%);
    -ms-transform:     translateY(0%);
    -o-transform:      translateY(0%);
    transform:         translateY(0%);
    -moz-opacity: 1;
    -khtml-opacity: 1;  /* Safari 1.x */
    opacity: 1; /* Good browsers */
}

#spFormular.open {
    pointer-events: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform:    translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    -o-transform:      translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    -moz-opacity: 1;
    -khtml-opacity: 1;  /* Safari 1.x */
    opacity: 1; /* Good browsers */
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 100vh;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 16;

    transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    -ms-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -webkit-transition: opacity 250ms ease-out;

    -moz-opacity: 0;
    -khtml-opacity: 0;  /* Safari 1.x */
    opacity: 0; /* Good browsers */
}

#overlay.visible {
    pointer-events: auto;
    top: 0;
    -moz-opacity: 1;
    -khtml-opacity: 1;  /* Safari 1.x */
    opacity: 1; /* Good browsers */
}

body.opera-mini #askFormular.open,
body.opera-mini #spFormular.open { /* Opera Mini styles */
    display: block;
}

#askFormular .askFormular-header,
#spFormular .spFormular-header {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    font-family: DINNextLTPro-Medium,Arial,sans-serif;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 1.4px;
    line-height: 14px;
}

#askFormular .askFormular-header #memberName {
    text-transform: capitalize;
}

#askFormular .askForm-close-button,
#spFormular .spForm-close-button {
    /*float: right;*/
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

#askFormular label,
#askFormular input,
#askFormular textarea,
#spFormular label,
#spFormular input,
#spFormular textarea {
    font-family: DINNextLTPro-Regular,Arial,sans-serif;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 1px;
    line-height: 14px;
}

#askFormular label,
#spFormular label {
    display: block;
    margin-top: 10px;
}

#askFormular input,
#askFormular textarea,
#spFormular input,
#spFormular textarea,
#spFormular select {
    display: block;
    width: 100%;
    margin-top: 5px;
    padding: 5px;
}

#askFormular input,
#spFormular input,
#spFormular select {
    height: 30px;
}

#spFormular input[type='checkbox'] {
    display: inline-block;
    width: auto;
    height: auto;
}

#askFormular textarea,
#spFormular textarea {
    height: 90px;
}

#spFormular select[multiple] {
    height: 60px;
}

#askFormular .askFormular-footer,
#spFormular .spFormular-footer {
    margin-top: 20px;
    display: table;
    width: 100%;
}

#askFormular .askFormular-footer .askForm-send-button,
#spFormular .spFormular-footer .spForm-send-button {
    float: right;
    cursor: pointer;
    font-family: DINNextLTPro-Regular,Arial,sans-serif;
    font-size: 12pt;
    font-weight: 100;
    letter-spacing: 2px;
    line-height: 14px;
    padding: 6px;
    background-color: transparent;
    border: none;
}

#navigation a.ugm-registration-button {
    cursor: pointer;
    margin: 7px 0;
    padding: 3px 6px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 2px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

#navigation a.ugm-registration-button:hover,
#navigation a.ugm-registration-button:focus {
    text-decoration: none;
}
#navigation a.ugm-registration-button .reg-span {
    display: inline-block;
}
@media (min-width: 992px) and (max-width: 1200px) {
    #navigation a.ugm-registration-button .reg-span {
        display: none;
    }

}
@media (min-width: 992px) {
    #navigation a.ugm-registration-button {
        margin: 12px 7px 2px 7px;
    }

    #navigation.floating a.ugm-registration-button {
        color: #4d4d4d;
    }
}

#dataprotection,
#about,
#team,
#products,
#spacekeys,
#jobs {
    padding: 100px 0 30px;
}

#products {
    background-color: #e5f3f0;
}

#spacekeys {
    background-color: rgba(250, 132, 46, 0.27);
}

#dataprotection .header{
    font-family: DINNextLTPro-Medium, Arial, sans-serif;
    font-size: 22px;
    line-height: 18px;
    letter-spacing: 4px;
    font-weight: 100;
    text-align: center;

}

#about .header,
#team .header,
#products .header,
#spacekeys .header,
#jobs .header {
    font-family: DINNextLTPro-Medium, Arial, sans-serif;
    font-size: 22px;
    line-height: 18px;
    letter-spacing: 4px;
    font-weight: 100;
    text-align: center;
    margin-bottom: 40px;
}

#about .description,
#team .description,
#products .description,
#spacekeys .description,
#jobs .description {
    margin-bottom: 60px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    font-style: italic;
    font-family: 'Sanchez', Arial, sans-serif;
    font-weight: 100;
    text-align: center;
}

@media (min-width: 512px) {
    #askFormular {
        left: 50%;
        margin-left: -200px;
        margin-right: -200px;
        width: 400px;
    }

    #dataprotection,
    #about,
    #team,
    #products,
    #spacekeys,
    #jobs {
        padding: 140px 0 75px;
    }

    #dataprotection .header,
    #about .header,
    #team .header,
    #products .header,
    #spacekeys .header,
    #jobs .header {
        font-size: 34px;
        line-height: 40px;
        letter-spacing: 6px;
    }

    #products .header,
    #spacekeys .header {
        margin-bottom: 60px;
    }

    #about .description,
    #team .description,
    #products .description,
    #spacekeys .description,
    #jobs .description {
        font-size: 16px;
        letter-spacing: 1px;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 140px;
        line-height: 30px;
    }
}

#team .member-column {
    padding: 15px 0;
}

@media (min-width: 992px) {
    #team .members-row {
        margin-left: -18.75px;
        margin-right: -18.75px;
    }

    #team .members-row .member-column {
        padding: 0 18.75px;
    }
}

#team .member {
    float: left;
    padding: 13px 13px 0;
}

/*#team .slick-prev-btn,*/
/*#team .slick-next-btn {*/
    /*background-color: rgba(0, 0, 0, 0.1);*/
    /*color: #fff;*/
    /*cursor: pointer;*/
    /*border-radius: 50%;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: -100px;*/
    /*height: 70px;*/
    /*width: 70px;*/
    /*z-index: 3;*/
    /*overflow: hidden;*/
    /*-webkit-transition: background-color 300ms ease;*/
    /*-moz-transition:    background-color 300ms ease;*/
    /*-ms-transition:     background-color 300ms ease;*/
    /*-o-transition:      background-color 300ms ease;*/
    /*transition:         background-color 300ms ease;*/
    /*display: none;*/
/*}*/

/*#team .slick-next-btn {*/
    /*left: auto;*/
    /*right: -100px;*/
/*}*/

/*#team .slick-prev-btn:hover,*/
/*#team .slick-next-btn:hover {*/
    /*background-color: rgba(0, 0, 0, 0.2);*/
/*}*/

/*#team .slick-btn-icon {*/
    /*margin: 28px 30px;*/
/*}*/

/*#team .slick-arrow:before {*/
    /*color: #4d4d4d;*/
/*}*/

@media (max-width: 992px) {
    #team .members-row {
        display: table;
    }
    #team .member-column {
        display: table;
        padding: 15px 0;
    }
}

#team .member .photo {
    padding: 13px;
    margin: -13px;
    position: relative;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-transition: background-color 250ms ease-out;
    -moz-transition:    background-color 250ms ease-out;
    -ms-transition:     background-color 250ms ease-out;
    -o-transition:      background-color 250ms ease-out;
    transition:         background-color 250ms ease-out;
}

#team .member .photo-placeholder {
    display: block;
}

#team .member .photo:hover {
    background-color: rgb(137, 198, 198);
    background-blend-mode: multiply;
}

/*body.opera-mini #team .member.raimund .photo:hover { !* Opera Mini styles *!*/
/*    background-image: url("../img/team/raimund_blended.jpg") !important;*/
/*}*/

/*body.opera-mini #team .member.christoph .photo:hover { !* Opera Mini styles *!*/
/*    background-image: url("../img/team/christoph_blended.jpg") !important;*/
/*}*/

/*body.opera-mini #team .member.peter .photo:hover { !* Opera Mini styles *!*/
/*    background-image: url("../img/team/peter_blended.jpg") !important;*/
/*}*/

/*body.opera-mini #team .member.gregor .photo:hover { !* Opera Mini styles *!*/
/*    background-image: url("../img/team/gregor_blended.jpg") !important;*/
/*}*/

/*body.opera-mini #team .member.patrice .photo:hover { !* Opera Mini styles *!*/
/*    background-image: url("../img/team/patrice_blended.jpg") !important;*/
/*}*/

/*body.opera-mini #team .member.felix .photo:hover { !* Opera Mini styles *!*/
/*    background-image: url("../img/team/felix_blended.jpg") !important;*/
/*}*/

/*body.opera-mini #team .member.georg .photo:hover { !* Opera Mini styles *!*/
/*    background-image: url("../img/team/georg_blended.jpg") !important;*/
/*}*/

/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {  !* IE10+ CSS styles *!*/
/*    #team .member.raimund .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/raimund_blended.jpg") !important;*/
/*    }*/

/*    #team .member.christoph .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/christoph_blended.jpg") !important;*/
/*    }*/

/*    #team .member.peter .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/peter_blended.jpg") !important;*/
/*    }*/

/*    #team .member.gregor .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/gregor_blended.jpg") !important;*/
/*    }*/

/*    #team .member.patrice .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/patrice_blended.jpg") !important;*/
/*    }*/

/*    #team .member.felix .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/felix_blended.jpg") !important;*/
/*    }*/

/*    #team .member.georg .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/georg_blended.jpg") !important;*/
/*    }*/
/*}*/

/*@supports (-ms-accelerator:true) { !* Edge styles *!*/
/*    #team .member.raimund .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/raimund_blended.jpg") !important;*/
/*    }*/

/*    #team .member.christoph .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/christoph_blended.jpg") !important;*/
/*    }*/

/*    #team .member.peter .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/peter_blended.jpg") !important;*/
/*    }*/

/*    #team .member.gregor .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/gregor_blended.jpg") !important;*/
/*    }*/

/*    #team .member.patrice .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/patrice_blended.jpg") !important;*/
/*    }*/

/*    #team .member.felix .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/felix_blended.jpg") !important;*/
/*    }*/

/*    #team .member.georg .photo:hover { !* Opera Mini styles *!*/
/*        background-image: url("../img/team/georg_blended.jpg") !important;*/
/*    }*/
/*}*/

#team .member .photo .photo-text-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition:    opacity 250ms ease-out;
    -ms-transition:     opacity 250ms ease-out;
    -o-transition:      opacity 250ms ease-out;
    transition:         opacity 250ms ease-out;
    -moz-opacity: 0;
    -khtml-opacity: 0;  /* Safari 1.x */
    opacity: 0; /* Good browsers */;
}

#team .member .photo:hover .photo-text-wrap {
    -moz-opacity: 1;
    -khtml-opacity: 1;  /* Safari 1.x */
    opacity: 1; /* Good browsers */
}

#team .member .photo .photo-text-wrap .photo-text {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-family: 'Sanchez', Arial, sans-serif;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 100;
}

#team .member .photo .photo-text-wrap:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#dataprotection .dataprotection-text{
    font-size: 18px;
    font-weight: 100;
    font-family: DINNextLTPro-Regular, Arial, sans-serif;
    margin-bottom: 15px;
}

#dataprotection .dataprotection-list{
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 15px;
    list-style-type: square;
}

#dataprotection .dataprotection-list-roman{
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 15px;
    list-style-type: upper-roman;
}
#dataprotection .dataprotection-list-numbered{
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 15px;
    list-style-type: decimal;
}
#jobs .name {
    text-transform: uppercase;
    margin-bottom: 15px;
}

#jobs .name-offer {
    margin-top: 30px;
}

@media (min-width: 512px) {
    #team .member .photo .photo-text-wrap .photo-text {
        font-size: 32px;
        letter-spacing: 5px;
        line-height: 38px;
    }
}

#team .member .name {
    float: left;
    width: 100%;
    margin-top: 25px;
    font-family: DINNextLTPro-Medium, Arial, sans-serif;
    font-size: 22px;
    line-height: 20px;
    letter-spacing: 2.5px;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
}

#team .member .title {
    float: left;
    width: 100%;
    font-family: DINNextLTPro-Regular, Arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    font-weight: 100;
    text-align: center;
    margin-top: 5px;
}

#team .member .about,
#team .member .background {
    font-family: DINNextLTPro-Regular, Arial, sans-serif;
    font-size: 10.5pt;
    line-height: 22px;
    letter-spacing: 1.4px;
    font-weight: 100;
    text-align: left;
    font-style: normal;
}

#team .member .background .buttons-placeholder {
    display: none;
}

#team .member .about {
    float: left;
    width: 100%;
    margin-top: 15px;
}

#team .member .background {
    margin-top: 15px;
    float: left;
    width: 100%;
}

#team .member .member-bg-text {
    text-align: center;
    font-family: DINNextLTPro-Regular,Arial,sans-serif;
    font-size: 12pt;
    line-height: 14px;
    font-weight: 100;
    letter-spacing: 2px;
    margin-top: 15px;
}

#team .member .ask-button-wrap {
    margin: 30px 0 15px;
    text-align: center;
}

#team .member .ask-button-wrap .ask-button {
    font-family: DINNextLTPro-Regular,Arial,sans-serif;
    font-size: 12pt;
    line-height: 14px;
    font-weight: 100;
    letter-spacing: 2px;
    padding: 6px;
    cursor: pointer;
}

@media (min-width: 512px) {
    #team .member .name {
        margin-top: 40px;
    }

    #team .member .about {
        margin-top: 25px;
    }
}

@media (min-width: 992px) {
    #team .member {
        padding: 28px 13px 15px;
    }

    #team .member .photo .photo-text-wrap .photo-text {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: 1px;
    }
}

@media (min-width: 1366px) {
    #team .member .photo .photo-text-wrap .photo-text {
        font-size: 32px;
        letter-spacing: 5px;
        line-height: 38px;
    }
}

#products .main-column,
#spacekeys .main-column{
    text-align: center;
}

#products .five-d-logo,
#spacekeys .five-d-logo
{
    max-width: 510px;
    margin: 15px auto;
    display: block;
}

@media (min-width: 992px) {
    #products .main-row,
    #spacekeys .main-row{
        display: table;
    }

    #products .main-column,
    #spacekeys .main-column{
        display: table-cell;
        flex-direction: column;
        justify-content: center;
    }

    #products .main-column-img {
        width: 40%;
    }

    #products .main-column-five-d {
        width: 30%;
    }

    #products .five-d-logo,
    #spacekeys .five-d-logo{
        margin: auto;
    }

    #products .buttons,
    #spacekeys .buttons{
        margin-top: 30px;
        margin-bottom: 15px;
    }
}

#products .prologue,
#spacekeys .prologue{
    font-family: DINNextLTPro-Regular, Arial, sans-serif;
    font-size: 12pt;
    line-height: 26px;
    letter-spacing: 1.4px;
    font-weight: 100;
}

#products .main-column .list,
#spacekeys .main-column .list{
    display: inline-block;
}

#products .main-column .list > li,
#spacekeys .main-column .list > li{
    text-align: left;
}

@media (min-width: 992px) {
    #products .main-column,
    #spacekeys .main-column{
        text-align: left;
    }
}

.border {
    border-bottom: 1px solid #4d4d4d;
    padding: 40px 0;
}

.border-fixm {
    padding: 40px 0;
}

#products .expandable .expand-button-down,
#products .expandable .expand-button-up,
#spacekeys .expandable .expand-button-up,
#spacekeys .expandable .expand-button-down {
    font-family: DINNextLTPro-Regular,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 2px;
    line-height: 22px;
    text-decoration: underline;
}

.img-slider-image-preview-disabled {
    text-decoration: none;
}

#products .expandable .expand-button-down,
#spacekeys .expandable .expand-button-down {
    font-size: 18px;
    font-family: DINNextLTPro-Medium, Arial, sans-serif;
}

#products .expandable.expanded .content,
#spacekeys .expandable.expanded .content{
    padding-top: 30px;
}

#products .feature-block,
#spacekeys .feature-block{
    width: 100%;
    float: left;
}

#products .feature-block .feature-header,
#spacekeys .feature-block .feature-header{
    font-family: DINNextLTPro-Medium, Arial, sans-serif;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 2px;
    font-weight: 100;
    text-align: left;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#products .feature-header-margin-top {
    margin-top: 30px;
}

#products .feature-block .feature-text,
#products .feature-block .feature-text .list,
#spacekeys .feature-block .feature-text,
#spacekeys .feature-block .feature-text .list{
    font-family: DINNextLTPro-Regular, Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
    font-weight: 100;
    text-align: left;
}

#products .feature-block .feature-text .list,
#spacekeys .feature-block .feature-text .list{
    margin-top: 15px;
    margin-bottom: 15px;
}

#contact .footer-content {
    display: flex;
    align-items: center;
}

#contact .footer-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 992px) {
    #contact .footer-content {
        flex-direction: row;
        justify-content: flex-start;
        display: block;
    }

    #contact .footer-container {
        flex-direction: row;
    }
}

#contact .footer-img-address {
    justify-content: center;
}

#contact .footer-email {
    justify-content: center;
}

#products .feature-block .feature-text .list > li,
#spacekeys .feature-block .feature-text .list > li{
    margin-bottom: 5px;
}

#products .feature-block .feature-img,
#spacekeys .feature-block .feature-img{
    -webkit-box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow:     5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow:      5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    box-shadow:         5px 5px 30px 0 rgba(0, 0, 0, 0.15);
}

#products #infinityList,
#spacekeys #infinityList{
    margin-top: 20px;
    padding-left: 0;
    list-style-type: none;
    position: relative;
}

#products #infinityList > li.placeholder,
#spacekeys #infinityList > li.placeholder{
    visibility: hidden;
}

#products #infinityList > li,
#spacekeys #infinityList > li{
    font-family: DINNextLTPro-Regular,Arial,sans-serif;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
    cursor: default;
    width: 100%;
}

#products #infinityList > li.item,
#spacekeys #infinityList > li.item{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: opacity 600ms ease;
    -moz-transition:    opacity 600ms ease;
    -ms-transition:     opacity 600ms ease;
    -o-transition:      opacity 600ms ease;
    transition:         opacity 600ms ease;
    -moz-opacity: 0;
    -khtml-opacity: 0;  /* Safari 1.x */
    opacity: 0; /* Good browsers */
}

#products #infinityList > li.item.item-active,
#spacekeys #infinityList > li.item.item-active{
    -moz-opacity: 1;
    -khtml-opacity: 1;  /* Safari 1.x */
    opacity: 1; /* Good browsers */
    z-index: 2;
}

#dataprotection .dataprotection-item{
    margin-bottom: 30px;
}

#jobs .position {
    margin-bottom: 30px;
}

#dataprotection .dataprotection-title{
    font-size: 24px;
    line-height: 14px;
    letter-spacing: 4px;
    padding: 15px 30px;
    font-family: DINNextLTPro-Medium, Arial, sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
    cursor: default;
}


#jobs .position-title {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 4px;
    padding: 15px 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/requirements.jpg");
    color: #fff;
    font-family: DINNextLTPro-Medium, Arial, sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
    cursor: default;
}

@media (min-width: 512px) {
    #jobs .position {
        margin-bottom: 45px;
    }

    #contact .footer-content {
        flex-direction: column;
    }
    #jobs .position-title {
        font-size: 22px;
        line-height: 25px;
        letter-spacing: 6px;
        padding: 30px 60px;
        margin-bottom: 40px;
    }
}

#jobApply {
    margin-bottom: 75px;
    text-align: center;
    text-transform: uppercase;
    font-family: DINNextLTPro-Medium, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 4px;
    font-weight: 100;
    color: #4d4d4d;;
}

@media (min-width: 512px) {
    #jobApply {
        font-size: 18px;
        line-height: 18px;
        letter-spacing: 6px;
    }
}

@media (min-width: 768px) {
    #jobApply {
        font-size: 22px;
        line-height: 22px;
        letter-spacing: 4px;
    }
}

#jobApply .email,
#jobApply .email:hover,
#jobApply .email:focus {
    color: #4d4d4d;;
    text-decoration: none;
}

#contact {
    font-size: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("../img/contact_1920.jpg");
    padding: 40px 0;
}

#contact .logo {
    max-width: 150px;
    /*margin: auto;*/
    display: none;
    margin-bottom: 30px;
}

#contact address {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 2px;
    font-weight: 100;
    font-style: normal;
    font-family: DINNextLTPro-Regular, Arial, sans-serif;
}

#contact .email {
    /*display: block;*/
    text-align: center;
    letter-spacing: 3px;
    font-size: 14px;
    line-height: 14px;
    font-family: DINNextLTPro-Regular, Arial, sans-serif;
}

#contact .email,
#contact .email:hover,
#contact .email:focus {
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}

@media (min-width: 512px) {
    #contact .logo {
        display: block;
    }
}

@media (min-width: 992px) {
    #contact {
        font-size: 16px;
    }

    #contact .logo {
        display: inline-block;
        margin-bottom: 0;
    }

    #contact address {
        text-align: left;
        display: inline-block;
        margin-left: 30px;
        font-size: 16px;
        line-height: 16px;
    }

    #contact .email {
        float: right;
    }
}

#copyright {
    margin-top: 5px;
    font-family: DINNextLTPro-Regular, Arial, sans-serif;
    font-size: 8px;
    line-height: 8px;

    letter-spacing: 2px;
    font-weight: 100;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 75px;
}

#copyright.expandable .expand-toggle-button {
    padding: 0;
}

#copyright.expandable .expand-toggle-button:hover,
#copyright.expandable .expand-toggle-button:focus {
    text-decoration: underline;
}

#copyright.expandable .content {
    padding: 30px 0 0;
    text-align: center;
}

#copyright .email,
#copyright .email:hover,
#copyright .email:focus {
    color: #4d4d4d;
    text-decoration: none;
}

@media (min-width: 512px) {
    #copyright {
        font-size: 12px;
        line-height: 12px;
    }

    #copyright.expandable .content {
        line-height: 16px;
        letter-spacing: 2px;
    }
}