/* =================================== */
/* ============ ALLGEMEIN ============ */
/* =================================== */

.background-cover {
    background-size: cover;
}

.background-contain {
    background-size: contain;
}

.background-inherit{
    background-size: inherit;
}

.background-no-repeat {
    background-repeat: no-repeat;
}

.background-center-center {
    background-position: center center;
}

.background-center-top {
    background-position: center top;
}

.background-right-top {
    background-position: right top;
}

.background-center-right{
    background-position: center right;
}

.background-center-left{
    background-position: center left;
}

.object-position-left{
    object-position: left;
}

.object-position-center{
    object-position: center;
}

.max-width {
    max-width: 1440px;
}

.max-width-lg {
    max-width: 1920px;
}

.min-vh-70{
    min-height: 70vh;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.image-hover .image-scale{
    transition: all 0.3s;
}

.image-hover:hover .image-scale{
    transform: scale(1.1);
}

.hyphens{
    hyphens: auto;
}

.invert-filter{
    filter: invert(1);
}

.no-margin p, .no-margin h1, .no-margin h2, .no-margin h3, .no-margin h4, .no-margin h5, .no-margin h6, .no-margin a{
    margin-bottom: 0px !important;
}

.ellipsis p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

::selection {
    color: #fff;
    background-color: var(--color-footer-green);
}

.anchor-sm {
    scroll-margin-top: 6rem;
}

.circle-event{
    z-index: 1;
    position: relative;

    transition: all 0.3s;
}

.circle-event:hover{

}

.circle-info{
    display: none
}

g .circle-event:hover + .circle-info{
    display: block;
    z-index: 999;
}

.splide-map-transform{
    padding-left: 17px !important; 
}

/* Hero */

.hero-homepage {
    min-height: calc(100vh - 74px);
}

.overlay-hero{
    background-color: #0000002c;
}

.scroll-icon{
    background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.8931 50.2328L29 54.6395L34.1069 50.2306L32.6546 48.5518L30.1149 50.7449L30.1126 43.3272H27.8855V50.7473L25.3457 48.5542L23.8931 50.2328ZM39.7503 18.9989H18.2473V16.3368C18.2473 6.89389 29.77 1.92473 36.5898 8.74457C38.5382 10.693 39.7481 13.38 39.7481 16.3368L39.7503 18.9989ZM18.2497 21.226H39.7503V26.8853C39.7503 36.3282 28.2276 41.2974 21.4078 34.4775C19.4594 32.5291 18.2495 29.8398 18.2495 26.8853L18.2497 21.226ZM27.8854 10.1451V14.6265H30.1125V10.1451H27.8854ZM29.0001 3.35956C36.1409 3.35956 41.9776 9.19774 41.9776 16.3371V26.8877C41.9776 30.4584 40.5185 33.7027 38.1668 36.0546C29.9472 44.2742 16.0224 38.309 16.0224 26.8877V16.3371C16.0224 9.19629 21.8582 3.35956 28.9999 3.35956H29.0001Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 50px;
    height: 50px;
    display: inline-block;
    /* keep it centered horizontally */
    transform: translateX(-50%);
    animation: bounce 1.5s infinite ease-in-out;
    will-change: transform;
}
  
@keyframes bounce{
    0%,100% { transform: translateX(-50%) translateY(0); }
    50%     { transform: translateX(-50%) translateY(10px); }
}

/* Respect reduced motion */
  @media (prefers-reduced-motion: reduce){
    .scroll-icon { animation: none; }
}

/* Header */

.logo{
    width: 260px;
    height: 80px;
}

.hamburger-menu{
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='32' viewBox='0 0 48 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='47.36' height='3.2' rx='1.6' fill='%23A5B0AC'/%3E%3Crect y='14.72' width='47.36' height='3.2' rx='1.6' fill='%23A5B0AC'/%3E%3Crect y='28.8' width='47.36' height='3.2' rx='1.6' fill='%23A5B0AC'/%3E%3C/svg%3E%0A");
    width: 47px;
    height: 32px;
}

header{
    transition: all 0.3s;
}

header.active{
    background-color: white;
    padding-top: 0px !important;
}

#offcanvasMenu{
    height: 90vh;
}

.close-button{
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='42' viewBox='0 0 40 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2.12132' y1='2' x2='38' y2='37.8787' stroke='%23AAAAAA' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='38' y1='4.12633' x2='2.12132' y2='40.005' stroke='%23AAAAAA' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    height: 38px;
    width: 38px;
}

.nav-tab{
    opacity: 50%;
    transition: all 0.3s;
}

.nav-tab:hover{
    opacity: 100%;    
}

.button-angebote{
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}


/* Intro */

.intro-transform {
    --stagger: 20rem;                 /* adjust to taste */
    transform: translateY(calc(-1 * var(--stagger)));
    margin-bottom: calc(-1 * var(--stagger)) !important; /* removes the extra gap */
}

.numbers-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.numbers-grid-column{
    grid-column: span 2;
}

.numbers-border-top{
    border-top: 1px solid #C7C6C7;
}

.numbers-border-right{
    border-right: 1px solid #C7C6C7;
}

.numbers-border-left{
    border-left: 1px solid #C7C6C7;
}

/* Highlights */

.hero-splide { 
    position: relative; 
    border-radius: 16px; 
    overflow: hidden; 
}

.hero-slide {
    position: relative;
    min-height: 62vh;
}

.hero-overlay-color{
    background-color: #00000054;
}


.hero-nav__list { 
    list-style: none; 
}

.hero-nav__item { 
    cursor: pointer; 
    letter-spacing: .08em; 
    text-transform: uppercase; 
    opacity: .8; 
}
.hero-nav__item.is-active { 
    opacity: 1; 
    border-bottom: 2px solid currentColor; 
    padding-bottom: 6px; 
}

.hero-headline { 
    font-size: clamp(2rem, 6vw, 4.5rem); 
    line-height: 1.05; 
    margin: 0 0 .75rem 0; 
}

.hero-text { 
    max-width: 56ch; 
    margin: 0; 
}

/* Downloads */

.downloads-icon{
    max-width: 25px;
}

.downloads-arrow{
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='8' viewBox='0 0 23 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3536 4.35355C22.5488 4.15829 22.5488 3.84171 22.3536 3.64645L19.1716 0.464466C18.9763 0.269204 18.6597 0.269204 18.4645 0.464466C18.2692 0.659728 18.2692 0.976311 18.4645 1.17157L21.2929 4L18.4645 6.82843C18.2692 7.02369 18.2692 7.34027 18.4645 7.53553C18.6597 7.7308 18.9763 7.7308 19.1716 7.53553L22.3536 4.35355ZM0 4V4.5H22V4V3.5H0V4Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 22px;
    height: 8px;
}

.hero-downloads-container{
    border: 1.5rem solid white;
}

.downloads-link{
    transition: all 0.3s;
}

.downloads:hover .downloads-link{
    padding-right: 1rem !important;
}

/* Galerie */

.galerie-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}

.w-stretch-3 {
    grid-column: span 4;
}

.w-stretch-2 {
    grid-column: span 2;
}

.w-stretch-1 {
    grid-column: span 1;
}

.w-stretch {
    grid-column: span 2;
}

/* Form */

.fui-input,textarea{
    border-radius: 0px !important;
    background: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid #C7C6C7 !important;
    padding-left: 0px !important;
    border-bottom: none !important;
    font-size: 0.875rem !important;
    line-height: 1.08 !important;
    font-family: 'Sensation' !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    padding-top: 1rem !important;
    padding-bottom: 3rem !important;
    opacity: 100% !important;
}

.fui-input::placeholder,textarea::placeholder{
    color: var(--color-feldgrau) !important;
}

.form-checkbox .fui-legend, .fui-checkbox-label, .fui-label, .fui-legend, .fui-radio-label{
    font-size: 0.875rem !important;
    line-height: 1.08 !important;
    color: var(--color-feldgrau) !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    font-family: 'Sensation' !important;
    font-weight: 400 !important;
}

.form-checkbox .fui-checkbox label:before{
    background-color: var(--color-light-gray);
    border-color: var(--color-inde);
    border-radius: 0px !important;
}

.fui-layout-horizontal .fui-layout-wrap, .fui-row{
    flex-wrap: wrap;
}

.form-checkbox{
    padding-bottom: 2rem;
}

.fui-checkbox{
    width: 25% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0.5rem !important;
}

.fui-checkbox label:before{
    top: 0px !important;
}

.fui-btn-right{
    padding-top: 4rem !important;
}

.fui-submit{
    background-color: var(--color-metallic-siver) !important;
    color: white !important;
    font-family: 'Sensation' !important;
    font-weight: 400 !important;
    border: 0px !important;
    border-radius: 20px !important;
}

.fui-checkbox input:checked+label:before{
        background-color: var(--color-feldgrau) !important;
        border-color: var(--color-feldgrau) !important;
}

/* Partner */

.partner-grid{
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr; 
    gap: 1.5em 1.5em; 
}

.partner-image{
    height: 37px;
}

.partner-box{
    transition: all 0.3s;
}

.partner-box:hover{
    transform: scale(1.05) !important;
}

.partner-text a{
    text-decoration: none !important;
    font-family: 'Sensation' !important;
    font-weight: 400 !important;
    color: var(--color-white) !important;
}

.partner-image-container{
    min-height: 40px;
}

/* Isometrie */

.border-top-isometrie{
    border-top: 1px solid #C7C6C7;
}

.border-bottom-isometrie{
    border-bottom: 1px solid #C7C6C7;
}

/* Lage */

.lage-slider{
    opacity: 50%;
}

.lage-slider.active{
    opacity: 100%;
}

.lage-accordion{
    border-bottom: 1px solid #A4B0AC;
}

.accordion-button:not(.collapsed){
    color: var(--color-metallic-siver) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Footer */

.footer-logo{
    background-image: url("data:image/svg+xml,%3Csvg width='380' height='80' viewBox='0 0 380 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M278.795 0V4.58292H230.674V36.6634H275.23V40.9917H230.674V75.3636H280.831V79.9466H225.582V0H278.795Z' fill='white' fill-opacity='0.41'/%3E%3Cpath d='M338.627 0L379.364 79.4373V79.9466C378.134 79.7327 374.468 80.415 373.788 79.5392C361.486 54.8016 348.541 30.3822 336.331 5.6039L298.397 79.9491H293.305L333.79 0H338.627Z' fill='white' fill-opacity='0.41'/%3E%3Cpath d='M5.34674 0L42.0127 74.3452L79.1827 0H84.2749L44.1845 79.9644C43.0438 79.7251 40.1642 80.4074 39.4895 79.5366L0 0.509214V0H5.34674Z' fill='white' fill-opacity='0.41'/%3E%3Cpath d='M129.34 0L166.134 74.0906L203.176 0H208.268L168.178 79.9644C167.037 79.7251 164.158 80.4074 163.483 79.5366L123.994 0H129.34Z' fill='white' fill-opacity='0.41'/%3E%3Cpath d='M106.68 0H101.588V79.9466H106.68V0Z' fill='white' fill-opacity='0.41'/%3E%3C/svg%3E%0A");
    width: 380px;
    height: 80px;
}

.footer-link a{
    color: var(--color-white) !important;
    text-decoration: underline !important;
}

.facebook{
    background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.2559 0H6.79512C3.04228 0 0 3.04228 0 6.79512V31.2559C0 35.0088 3.04228 38.051 6.79512 38.051H31.2559C35.0088 38.051 38.051 35.0088 38.051 31.2559V6.79512C38.051 3.04228 35.0088 0 31.2559 0Z' fill='white'/%3E%3Cpath d='M16.1254 30.5261H20.7544V18.9255H23.9875L24.3325 15.0425H20.7544V12.8283C20.7544 11.9137 20.9389 11.5527 21.8214 11.5527H24.3244V7.52539H21.1154C17.6657 7.52539 16.1173 9.04166 16.1173 11.9458V15.0425H13.7106V18.9736H16.1173V30.5181L16.1254 30.5261Z' fill='%237E8988'/%3E%3C/svg%3E%0A");
    width: 38px;
    height: 38px;
}

.linkedin{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 38.05 38.05'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Crect x='11.5' y='11' width='16' height='16' style='fill: none;'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath d='M31.26,0H6.8C3.04,0,0,3.04,0,6.8v24.46c0,3.75,3.04,6.8,6.8,6.8h24.46c3.75,0,6.8-3.04,6.8-6.8V6.8c0-3.75-3.04-6.8-6.8-6.8Z' style='fill: %23fff;'/%3E%3Cg style='clip-path: url(%23clippath);'%3E%3Cg%3E%3Cpath d='M20.34,17.76c.22-.25.4-.5.63-.72.7-.66,1.53-1,2.5-.99.53,0,1.06.04,1.57.19,1.17.34,1.85,1.15,2.18,2.3.24.86.29,1.74.29,2.63,0,1.87,0,3.74,0,5.61,0,.18-.05.22-.22.22-.96,0-1.92,0-2.88,0-.17,0-.2-.05-.2-.21,0-1.78,0-3.56,0-5.34,0-.45-.03-.89-.15-1.33-.23-.8-.8-1.21-1.63-1.16-1.14.06-1.73.63-1.88,1.79-.04.28-.05.55-.05.83,0,1.73,0,3.46,0,5.19,0,.17-.04.22-.22.22-.97,0-1.94,0-2.9,0-.16,0-.2-.04-.2-.2,0-3.43,0-6.85,0-10.28,0-.17.05-.21.22-.21.92,0,1.84,0,2.76,0,.17,0,.21.05.21.21,0,.41,0,.82,0,1.23h0Z' style='fill: %237e8988;'/%3E%3Cpath d='M15.07,21.67c0,1.69,0,3.39,0,5.08,0,.19-.05.24-.24.24-.96-.01-1.92,0-2.88,0-.15,0-.2-.04-.2-.2,0-3.43,0-6.86,0-10.3,0-.14.03-.19.18-.19.97,0,1.95,0,2.92,0,.19,0,.21.07.21.23,0,1.71,0,3.42,0,5.13Z' style='fill: %237e8988;'/%3E%3Cpath d='M15.34,12.91c0,1.06-.86,1.93-1.92,1.93s-1.91-.87-1.92-1.91c0-1.06.86-1.93,1.92-1.93s1.91.87,1.91,1.91h0Z' style='fill: %237e8988;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 38px;
    height: 38px;
}

.instagram{
    background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.2049 0H7.74409C3.99126 0 0.948975 3.04228 0.948975 6.79512V31.2559C0.948975 35.0088 3.99126 38.051 7.74409 38.051H32.2049C35.9577 38.051 39 35.0088 39 31.2559V6.79512C39 3.04228 35.9577 0 32.2049 0Z' fill='white'/%3E%3Cpath d='M19.9705 10.4691C22.7543 10.4691 23.0832 10.4771 24.1823 10.5333C25.2012 10.5814 25.7547 10.7499 26.1158 10.8943C26.6051 11.0868 26.9501 11.3114 27.3111 11.6725C27.6802 12.0415 27.9048 12.3865 28.0893 12.8678C28.2337 13.2369 28.4022 13.7904 28.4503 14.8013C28.4985 15.9004 28.5145 16.2293 28.5145 19.0131C28.5145 21.7969 28.5065 22.1259 28.4503 23.225C28.4022 24.2438 28.2337 24.7974 28.0893 25.1584C27.8968 25.6478 27.6721 25.9928 27.3111 26.3618C26.9501 26.7308 26.5971 26.9555 26.1158 27.14C25.7467 27.2844 25.1932 27.4529 24.1823 27.501C23.0832 27.5491 22.7543 27.5652 19.9705 27.5652C17.1866 27.5652 16.8577 27.5571 15.7586 27.501C14.7398 27.4529 14.1862 27.2844 13.8252 27.14C13.3358 26.9474 12.9908 26.7228 12.6218 26.3618C12.2608 25.9928 12.0281 25.6478 11.8436 25.1584C11.6992 24.7894 11.5307 24.2358 11.4826 23.225C11.4345 22.1259 11.4184 21.7969 11.4184 19.0131C11.4184 16.2293 11.4264 15.9004 11.4826 14.8013C11.5307 13.7824 11.6992 13.2288 11.8436 12.8678C12.0362 12.3785 12.2608 12.0335 12.6218 11.6725C12.9908 11.3034 13.3358 11.0788 13.8252 10.8943C14.1942 10.7499 14.7478 10.5814 15.7586 10.5333C16.8577 10.4851 17.1866 10.4691 19.9705 10.4691ZM19.9705 8.5918C17.1385 8.5918 16.7855 8.60784 15.6704 8.65598C14.5633 8.70411 13.8011 8.88061 13.1352 9.13733C12.4453 9.40208 11.8677 9.76309 11.2901 10.3407C10.7124 10.9183 10.3514 11.504 10.0867 12.1859C9.82995 12.8518 9.65346 13.6059 9.60532 14.721C9.55718 15.8362 9.54114 16.1892 9.54114 19.0211C9.54114 21.8531 9.54916 22.2061 9.60532 23.3212C9.65346 24.4283 9.82995 25.1905 10.0867 25.8564C10.3514 26.5383 10.7124 27.1239 11.2901 27.7016C11.8677 28.2792 12.4533 28.6402 13.1352 28.9049C13.8011 29.1617 14.5552 29.3382 15.6704 29.3863C16.7855 29.4344 17.1385 29.4505 19.9705 29.4505C22.8024 29.4505 23.1554 29.4425 24.2706 29.3863C25.3777 29.3382 26.1398 29.1617 26.8057 28.9049C27.4956 28.6402 28.0733 28.2792 28.6509 27.7016C29.2285 27.1239 29.5895 26.5383 29.8543 25.8564C30.111 25.1905 30.2875 24.4364 30.3356 23.3212C30.3838 22.2061 30.3998 21.8531 30.3998 19.0211C30.3998 16.1892 30.3918 15.8362 30.3356 14.721C30.2875 13.6139 30.111 12.8518 29.8543 12.1859C29.5895 11.504 29.2285 10.9183 28.6509 10.3407C28.0733 9.76309 27.4876 9.40208 26.8057 9.13733C26.1398 8.88061 25.3857 8.70411 24.2706 8.65598C23.1554 8.60784 22.8024 8.5918 19.9705 8.5918Z' fill='%237E8988'/%3E%3Cpath d='M19.9705 13.6709C17.0101 13.6709 14.6114 16.0696 14.6114 19.03C14.6114 21.9903 17.0101 24.389 19.9705 24.389C22.9308 24.389 25.3295 21.9903 25.3295 19.03C25.3295 16.0696 22.9308 13.6709 19.9705 13.6709ZM19.9705 22.5037C18.0531 22.5037 16.4967 20.9474 16.4967 19.03C16.4967 17.1126 18.0531 15.5562 19.9705 15.5562C21.8879 15.5562 23.4442 17.1126 23.4442 19.03C23.4442 20.9474 21.8879 22.5037 19.9705 22.5037Z' fill='%237E8988'/%3E%3Cpath d='M26.7897 13.4537C26.7897 14.1436 26.2281 14.7052 25.5381 14.7052C24.8482 14.7052 24.2866 14.1436 24.2866 13.4537C24.2866 12.7637 24.8482 12.2021 25.5381 12.2021C26.2281 12.2021 26.7897 12.7637 26.7897 13.4537Z' fill='%237E8988'/%3E%3C/svg%3E%0A");
    width: 38px;
    height: 38px;
}

.boder-bottom-footer{
    border-bottom: 1px solid #ffffff42 !important;
}

.nav-illustration{
    transform: translateY(-25%) !important;
}

.datenschutzerklaerung h2{
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;	
}

.datenschutzerklaerung a{
    text-decoration: none !important;
    color: var(--color-feldgrau) !important;
}

@media only screen and (max-width: 1500px) and (min-width: 1400px)  {

}

@media (max-width: 1600px) {

}

@media (max-width: 1440px) {

    .galerie-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
    }

    .w-stretch-3, .w-stretch-2, .w-stretch-1, .w-stretch {
        grid-column: span 1;
    }
}

@media (max-width: 1200px) {
    .intro-transform{
        --stagger: 0rem;                 /* adjust to taste */
        transform: translateY(calc(-1 * var(--stagger)));
        margin-bottom: calc(-1 * var(--stagger)) !important; /* removes the extra gap */
    }

    .partner-grid{
        display: grid; 
        grid-template-columns: 1fr; 
        gap: 1.5em 1.5em; 
    }

    .partner-image-container{
        min-height: auto !important;
    }
    
}

@media (max-width: 992px) {
    .numbers-grid > div{
        grid-column: span 2;
    }

    .zahlen-4{
        border-right: 0px !important;
    }

    .galerie-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
    }

    .w-stretch-3, .w-stretch-2, .w-stretch-1, .w-stretch {
        grid-column: span 3;
    }

}

@media (max-width: 768px) {

    .fui-checkbox{
        width: 33.33% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0.5rem !important;
    }

    #offcanvasMenu{
        height: 100vh;
    }

}

@media (max-width: 576px) {
    .numbers-grid > div{
        grid-column: span 4;
    }

    .numbers-border-right{
        border-right: 0px !important;
    }

    .fui-checkbox{
        width: 50% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0.5rem !important;
    }

    .nav-illustration{
        opacity: 25% !important;
        transform: translateY(60%) !important;
    }
}

@media (max-height: 1000px) {
    .nav-illustration{
        opacity: 25% !important;
    }

    #offcanvasMenu{
        height: 100vh;
    }

}