/*Navigation*/

#header i,
#footer i{
    text-transform: none !important;
    font-style: normal;
}


#header .navbar {
    padding-top:0;
    padding-bottom: 0;    
}
#header .navbar.navbar-expand {
    padding-left: 0rem;
}
#header .navbar-toggler-icon {  background-image: url(../layout/icons/gen/burger-menu-ids-machine-vision-cameras-ids-colour.svg);
                                background-size: 1rem;
                                background-position: 0% 50%;
                                }
#header .navbar-nav .nav-item a{    
    font-size: 0.9rem;
    line-height: 1.5rem;
    color: #292929;
    font-weight:600;
    position: relative;
    transition: color 250ms ease-out;
}
#header .navbar-nav .nav-item a:focus,
#header .navbar-nav .nav-item a:hover {
    color: #008A96;
}

                                
#naviAction .navbar-nav .nav-item a {min-height: 2.5rem;}
#header .navbar-nav .dropdown-menu {background-color: #343434;
                                    border: 0;
                                    border-radius: 0;
                                    margin-top:0.05rem;
                                }
                                
#header #naviAction .navbar-nav .dropdown-menu {
    background-color: #f5f5f5;
    margin-top: 1rem;
    margin-left: -5rem;
}                                          
                                
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item { 
    color: #dfdfdf;
    min-height: 5rem;
    /*padding: 3rem 3rem 3rem 8rem;*/
    padding: 2rem 2rem 2rem 8rem;
    background-image: url(../layout/icons/gen/camera-ids-machine-vision-cameras-white.svg);
    background-size: 3rem;
    background-position: 3.5rem center;
    background-repeat: no-repeat;
    transition: background-size 250ms linear, background-position 250ms linear;
    overflow: hidden;
    position: relative;
}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item { color: #dfdfdf;}
#header #naviAction .navbar-nav li .dropdown-menu a.dropdown-item { color: #878787;
                                                                    margin-left: 0;
                                                                }
#header #naviAction .navbar-nav li .dropdown-menu a.dropdown-item:last-of-type {	border-bottom: 1px solid rgba(222,222,222,0.65);
																					margin-bottom: 0.5rem;
																				}
                                                                
#header #naviAction .dropdown.search .dropdown-menu.show {  position: fixed;
                                                            width: 5000px !important;
                                                            left: 0px;
                                                            top: 0;
                                                            max-width: 100%;
                                                            margin-top: 0;
                                                            margin-left: 0;
                                                        }                                                                
                                                                

#header #naviTop .navbar-nav .dropdown-menu .dropdown-item:focus,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item:active,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item:hover{
    /*background-color:#292929;*/
    background-color: #343434;
    background-size: 4rem;
    background-position: 3rem center;
}
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-nxt:focus,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-nxt:active,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-nxt:hover{
    background-size: 3rem;
    background-position: 3.25rem center;
}
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-3d:focus,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-3d:active,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-3d:hover{
    background-size: 5rem;
    background-position: 2.5rem center;
}
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-pcn:focus,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-pcn:active,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-pcn:hover{
    background-size: 4.5rem;
}
/*#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-sustainability:focus,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-sustainability:active,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-sustainability:hover{
    background-size: 4.5rem;
    background-position: 3rem center;
}*/
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-sustainability:focus,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-sustainability:active,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-sustainability:hover{
    background-size: 6rem;
    background-position: 2.25rem center;
}
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-conformity:focus,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-conformity:active,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item.m-bg-conformity:hover{
    background-size: 4.24rem;
    background-position: 2.75rem center;
}

#header #naviAction .navbar-nav .dropdown-menu .dropdown-item:focus,
#header #naviAction .navbar-nav .dropdown-menu .dropdown-item:active,
#header #naviAction .navbar-nav .dropdown-menu .dropdown-item:hover{
    background-color:#f5f5f5;
}


/*#header #naviTop .navbar-nav .dropdown-menu .dropdown-item:focus:before,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item:active:before,
#header #naviTop .navbar-nav .dropdown-menu .dropdown-item:hover:before {
    left: 125%;
    transition: left 500ms ease-out;
}

#header #naviTop .navbar-nav .dropdown-menu .dropdown-item:before{
    content: "";
    display: block;
    background: #FFFFFF;
    opacity: 0.05;
    box-shadow: 0 0 10px 5px #ffffff;
    width: 100px;
    height: 150%;
    position: absolute;
    top: -25%;
    left: -55%;
    transform: rotate(30deg);
    transition: left 0ms ease-out;
}*/




#header #naviAction .change-language .dropdown-menu span,
#header #naviAction .compare-items .dropdown-menu span.compare-title,
#header #naviAction .compare-items .dropdown-menu .compare-bottom{  
    display: block;
    width: 100%;
    /*padding: 0 1rem 0 1rem;*/
    padding: 0.45rem 1.125rem 0.75rem 1.125rem;
    color: #343434;
    text-transform: uppercase;
    line-height: 1rem;
}
                                                            
#header #naviAction .change-language .dropdown-menu span.language-title {font-size:0.8rem;}
#header #naviAction .change-language .dropdown-menu span.language-selected,
#header #naviAction .compare-items .dropdown-menu span.compare-title {font-weight:600; padding-bottom:0.5rem; border-bottom: 1px solid #343434;}


#header #naviAction .compare-items .dropdown-menu li,
#header #naviAction .account .dropdown-menu li{list-style: none;}



/*******************************************/
/*      HEADER - NAV - ACCOUNT: START      */
/*******************************************/
#header #naviAction .account .dropdown-menu {
    max-width: 100%;
    margin-left: -11rem;
    min-width: 13.5rem;
    padding: 0px;
}


#header #naviAction .account .dropdown-menu:before {
    content: "";
    display: block;
    background: inherit;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(45deg);
    position: absolute;
    top: -0.5rem;
    right: 0.85rem;
}

#header #naviAction .account .dropdown-menu span.account-name {
    background: #f5f5f5;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0.75rem 1.125rem 0rem 1.125rem;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.4;
}
#header #naviAction .account .dropdown-menu span.account-company {
    background: #f5f5f5;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0rem 1.125rem 0.75rem 1.125rem;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.4;
    color: #878787;
    color: rgba(135,135,135, 0.5);
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid rgba(222,222,222,0.65);
    margin: 0 0 0.5rem 0;
}

#header #naviAction .account .dropdown-menu a.nav-link {
    width: 100%;
}
#header #naviAction .account .dropdown-menu a.dropdown-item {
    display: block;
    color: #878787;
    margin: 0;
    padding: 0.45rem 1.125rem 0.45rem 1.125rem;
    font-size: 0.875rem;
    min-height: auto;
    line-height: 1.4;
    transition: color 250ms linear;
}
#header #naviAction .account .dropdown-menu a.dropdown-item:focus,
#header #naviAction .account .dropdown-menu a.dropdown-item:hover {
    color: #008A96;
}

#header #naviAction .account .dropdown-menu span.account-logout {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0.5rem 0 0 0;
}
#header #naviAction .account .dropdown-menu span.account-logout a {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: block;
    color: #ffffff;
    cursor: pointer;
    background: #008a96;
    margin: 0;
    padding: 0.8rem 1.125rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    transition: background 250ms linear;
}
#header #naviAction .account .dropdown-menu span.account-logout a:focus,
#header #naviAction .account .dropdown-menu span.account-logout a:hover {
    background: #007e88;
}
#header #naviAction .account .dropdown-menu span.account-logout a:focus:before,
#header #naviAction .account .dropdown-menu span.account-logout a:hover:before {
    transform: scale(1.2);
}
#header #naviAction .account .dropdown-menu span.account-logout a:before {
    content: "";
    background-image: url(../layout/icons/gen/log-out-ids-machine-vision-cameras-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0.65rem;
    right: 1rem;
    transform: scale(1);
    transition: transform 250ms linear;
}

/*****************************************/
/*      HEADER - NAV - ACCOUNT: END      */
/*****************************************/



/***************************************************/
/*      HEADER - NAV - CHANGE-LANGUAGE OLD: START      */
/***************************************************/
/*#header #naviAction .change-language .dropdown-menu {
    max-width: 100%;
    margin-left: -4.5rem;
    min-width: 7rem;
    padding: 0px;
}


#header #naviAction .change-language .dropdown-menu:before {
    content: "";
    display: block;
    background: inherit;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(45deg);
    position: absolute;
    top: -0.5rem;
    right: 0.8rem;
}

#header #naviAction .change-language .dropdown-menu span.language-title,
#header #naviAction .change-language .dropdown-menu span.webstore-title {
    background: #f5f5f5;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0.75rem 1.125rem 0rem 1.125rem;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.4;
    text-transform: none;
    color: #878787;
    color: rgba(135,135,135, 0.5);
}
#header #naviAction .change-language .dropdown-menu span.language-selected,
#header #naviAction .change-language .dropdown-menu span.webstore-selected {
    background: #f5f5f5;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0rem 1.125rem 0.75rem 1.125rem;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.4;
    text-transform: uppercase;
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid rgba(222,222,222,0.65);
    margin: 0 0 0.5rem 0;
}
#header #naviAction .change-language .dropdown-menu a.dropdown-item {
    display: block;
    color: #878787;
    margin: 0;
    padding: 0.45rem 1.125rem 0.45rem 1.125rem;
    font-size: 0.875rem;
    min-height: auto;
    line-height: 1.4;
    transition: color 250ms linear;
}
#header #naviAction .change-language .dropdown-menu a.dropdown-item:focus,
#header #naviAction .change-language .dropdown-menu a.dropdown-item:hover {
    color: #008A96;
}
#header #naviAction .change-language .dropdown-menu a.dropdown-item:last-child {
    margin: 0 0 0.5rem 0;
}

#header #naviAction .change-language .dropdown-menu span.webstore-select a{
    background: #f5f5f5;
    background-size: 1.5rem;
    background-image: url(../layout/globe.svg);
    background-repeat:no-repeat;
    background-position: top center;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 1.5rem .5rem 0rem .5rem;
    padding: 1.5rem 0rem 0rem 0rem;
    margin: 0;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.4;
    text-transform: none;
    color: #878787;
    color: rgba(135,135,135, 0.5);
	text-align: center;
}

#header #naviAction .change-language .dropdown-menu span.webstore-select.webstore-amer a{
	background-size: 2.5rem;
	background-image: url(../layout/usa-can-flag.svg);
}*/

/*************************************************/
/*      HEADER - NAV - CHANGE-LANGUAGE OLD: END      */
/*************************************************/



/***************************************************/
/*      HEADER - NAV - CHANGE-LANGUAGE NEW: START      */
/***************************************************/
#header #naviAction .change-language .dropdown-menu {
    /*max-width: 100%;*/
    margin-left: -4.5rem;
    min-width: 7rem;
    padding: 0px;
}


#header #naviAction .change-language .dropdown-menu:before {
    content: "";
    display: block;
    background: inherit;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(45deg);
    position: absolute;
    top: -0.5rem;
    right: 3.5rem;
}
html[lang="ja"] #header #naviAction .change-language .dropdown-menu:before,
html[lang="zh"] #header #naviAction .change-language .dropdown-menu:before {
    right: 4.65rem;
}

#header #naviAction .change-language .dropdown-menu .container {}
#header #naviAction .change-language .dropdown-menu .container .row {}
body.ie #header #naviAction .change-language .dropdown-menu .container .row {
    display: block;
}


#header #naviAction .change-language .dropdown-menu .webstore-container {
    background: #f5f5f5;
    width: 100%;
    padding: 1.0rem;
}
#header #naviAction .change-language .dropdown-menu .webstore-container + .webstore-container {
    border-top: 1px solid rgba(222,222,222,0.65);
}

#header #naviAction .change-language .dropdown-menu .webstore-container .webstore-title {
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.4;
    text-transform: none;
    color: #878787;
    color: rgba(135,135,135, 0.5);
}

#header #naviAction .change-language .dropdown-menu .webstore-container .webstore-type {
    width: 8rem;
    overflow: hidden;
    margin-top: 0.25rem;
}
html[lang="ja"] #header #naviAction .change-language .dropdown-menu .webstore-container .webstore-type,
html[lang="zh"] #header #naviAction .change-language .dropdown-menu .webstore-container .webstore-type {
    width: 9rem;
}
#header #naviAction .change-language .dropdown-menu .webstore-container .webstore-type .webstore-icon {
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    float: left;
    height: 2rem;
    width: 2.5rem;
    margin: 0 0.5rem 0 0;
    padding: 0;
}
#header #naviAction .change-language .dropdown-menu .webstore-container .webstore-type .webstore-icon.webstore-global {
    background-size: 1.5rem;
    background-image: url(../layout/globe.svg);
}
#header #naviAction .change-language .dropdown-menu .webstore-container .webstore-type .webstore-icon.webstore-amer {
    background-size: 2.5rem;
    background-image: url(../layout/usa-can-flag.svg);
}
#header #naviAction .change-language .dropdown-menu .webstore-container .webstore-type .webstore-text {
    color: #343434;
    font-size: 1rem;
    font-weight: 900;
    line-height: 2rem;
    text-transform: uppercase;
    display: block;
    float: left;
    width: 5rem;
    padding: 0;
}
html[lang="ja"] #header #naviAction .change-language .dropdown-menu .webstore-container .webstore-type .webstore-text,
html[lang="zh"] #header #naviAction .change-language .dropdown-menu .webstore-container .webstore-type .webstore-text {
    width: 6rem;
}
#header #naviAction .change-language .dropdown-menu .webstore-container + .webstore-container .webstore-type .webstore-text {
    color: #878787;
    color: rgba(135,135,135, 0.5);
}

#header #naviAction .change-language .dropdown-menu .webstore-container .webstore-languages {
    overflow: hidden;
}
#header #naviAction .change-language .dropdown-menu .webstore-container .webstore-languages .dropdown-item {
    background: none;
    border: none;
    display: block;
    color: #878787;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
    width: 5rem;
    margin: 0.75rem 0 0 3rem;
    padding: 0;
    min-height: auto;
    transition: color 250ms linear;
}
html[lang="ja"] #header #naviAction .change-language .dropdown-menu .webstore-container .webstore-languages .dropdown-item,
html[lang="zh"] #header #naviAction .change-language .dropdown-menu .webstore-container .webstore-languages .dropdown-item {
    width: 6rem;
}
#header #naviAction .change-language .dropdown-menu .webstore-container .webstore-languages .dropdown-item:first-child {
    margin-top: 0.35rem;
}
#header #naviAction .change-language .dropdown-menu .webstore-container .webstore-languages .dropdown-item.active,
#header #naviAction .change-language .dropdown-menu .webstore-container .webstore-languages .dropdown-item:focus,
#header #naviAction .change-language .dropdown-menu .webstore-container .webstore-languages .dropdown-item:hover {
    color: #008A96;
}

/*************************************************/
/*      HEADER - NAV - CHANGE-LANGUAGE NEW: END      */
/*************************************************/




/*************************************************/
/*      HEADER - NAV - COMPARE-ITEMS: START      */
/*************************************************/
#header #naviAction .compare-items .dropdown-menu {
    max-width: 100%;
    margin-left: -6rem;
    min-width: 13.5rem;
    padding: 0;
}



#header #naviAction .compare-items .dropdown-menu:before {
    content: "";
    display: block;
    background: inherit;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(45deg);
    position: absolute;
    top: -0.5rem;
    right: 5.5rem;
}


#header #naviAction .compare-items .dropdown-menu span.compare-title {
    background: #f5f5f5;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0.75rem 1.125rem;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.4;
    text-transform: none;
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid rgba(222,222,222,0.65);
}
#header #naviAction .compare-items .dropdown-menu ul {
    margin: 0;
    padding: 0.5rem 0;
    list-style: none;
}
#header #naviAction .compare-items .dropdown-menu ul li {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0.5315rem 1.125rem;
}
#header #naviAction .compare-items .dropdown-menu ul li a.product-name {
    display: block;
    background: none;
    margin: 0;
    padding: 0;
    color: #878787;
    float: left;
    line-height: 1.4;
    font-size: 0.875rem;
    text-transform: none;
    width: calc(100% - 1.75rem);
    min-height: auto;
    /*transform: scale(1);*/
    /*transition: color 250ms linear, transform 250ms linear;*/
    transition: color 250ms linear;
}
#header #naviAction .compare-items .dropdown-menu ul li a.product-name:focus,
#header #naviAction .compare-items .dropdown-menu ul li a.product-name:hover {
    color: #008A96;
    /*transform: scale(1.05);*/
}

#header #naviAction .compare-items .dropdown-menu ul li a.btn-remove {
    position: relative;
    display: block;
    float: right;
    height: 1rem;
    min-height: auto;
    width: 0.75rem;
    margin: 0.125rem 0 0 1rem;
    padding: 0;
    font-size: 0;
    color: transparent;
    line-height: 1;
    text-transform: none;
    transform: scale(1);
    transition: transform 250ms linear;
}
#header #naviAction .compare-items .dropdown-menu ul li a.btn-remove:focus,
#header #naviAction .compare-items .dropdown-menu ul li a.btn-remove:hover {
    transform: scale(1.2);
}
#header #naviAction .compare-items .dropdown-menu ul li a.btn-remove:focus:before,
#header #naviAction .compare-items .dropdown-menu ul li a.btn-remove:hover:before {
    opacity: 0;
}
#header #naviAction .compare-items .dropdown-menu ul li a.btn-remove:focus:after,
#header #naviAction .compare-items .dropdown-menu ul li a.btn-remove:hover:after {
    opacity: 1;
}
#header #naviAction .compare-items .dropdown-menu ul li a.btn-remove:before,
#header #naviAction .compare-items .dropdown-menu ul li a.btn-remove:after {
    content: "";
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 250ms linear;
}
#header #naviAction .compare-items .dropdown-menu ul li a.btn-remove:before {
    background-image: url(../layout/icons/gen/x-ids-machine-vision-cameras-grey.svg);
    opacity: 1;
}
#header #naviAction .compare-items .dropdown-menu ul li a.btn-remove:after {
    background-image: url(../layout/icons/gen/x-ids-machine-vision-cameras-ids-colour.svg);
    opacity: 0;
}

#header #naviAction .compare-items .dropdown-menu .compare-bottom {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: block;
    color: #ffffff;
    cursor: pointer;
    background: #008a96;
    margin: 0;
    padding: 0.8rem 1.125rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    transition: background 250ms linear;
}
#header #naviAction .compare-items .dropdown-menu .compare-bottom:focus,
#header #naviAction .compare-items .dropdown-menu .compare-bottom:hover {
    background: #007e88;
}
#header #naviAction .compare-items .dropdown-menu .compare-bottom:focus:before,
#header #naviAction .compare-items .dropdown-menu .compare-bottom:hover:before {
    transform: scale(1.2);
}
#header #naviAction .compare-items .dropdown-menu .compare-bottom:before {
    content: "";
    background-image: url(../layout/icons/gen/compare-products-ids-machine-vision-cameras-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0.65rem;
    right: 1rem;
    transform: scale(1);
    transition: transform 250ms linear;
}

/***********************************************/
/*      HEADER - NAV - COMPARE-ITEMS: END      */
/***********************************************/




/********************************************/
/*      HEADER - NAV - MINICART: START      */
/********************************************/
#header #naviAction .minicart .dropdown-menu .no-items { 
    padding: 11rem 1rem 2rem 1rem;
    background-image: url(../layout/icons/gen/cart-ids-machine-vision-cameras-grey.svg);
    background-size: 5rem;
    background-repeat: no-repeat;
    background-position: center 3rem;
    color: #878787;
    text-align: center;
    text-transform: uppercase;
}
#header #naviAction .minicart .dropdown-menu {
    max-width: 100%;
    margin-left: calc( (100vw - 2rem) * -1 + (100% + 56px + 16px + 1.2rem - 1px) );
    min-width: calc(100vw - 2rem);
    padding: 0.9375rem;
}
@media (min-width:325px) {
    #header #naviAction .minicart .dropdown-menu {
        margin-left: calc( (100vw - 2rem) * -1 + (100% + 56px + 16px + 1.2rem + 1px) );
    }
}
@media (min-width:330px) {
    #header #naviAction .minicart .dropdown-menu {
        margin-left: calc( (100vw - 2rem) * -1 + (100% + 56px + 16px + 1.2rem + 5px) );
    }
}
@media (min-width:335px) {
    #header #naviAction .minicart .dropdown-menu {
        margin-left: calc( (100vw - 2rem) * -1 + (100% + 56px + 16px + 1.2rem + 8px) );
    }
}
@media (min-width:340px) {
    #header #naviAction .minicart .dropdown-menu {
        margin-left: calc( (100vw - 2rem) * -1 + (100% + 56px + 16px + 1.2rem + 10px) );
    }
}
@media (min-width:343px) {
    #header #naviAction .minicart .dropdown-menu {
        margin-left: calc( (100vw - 2rem) * -1 + (100% + 56px + 16px + 1.2rem + 15px) );
    }
}
@media (min-width:372px) {
    #header #naviAction .minicart .dropdown-menu {
        margin-left: -12.25rem;
        min-width: 21.25rem;
    }
}
@media (min-width:576px) {
    #header #naviAction .minicart .dropdown-menu {
        margin-left: -16rem;
        min-width: 21.25rem;
    }
}
#header #naviAction .minicart .dropdown-menu:before {
    content: "";
    display: block;
    background: inherit;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(45deg);
    position: absolute;
    top: -0.5rem;
    right: calc( (100vw - 2rem) / 2 - 48px );
}
@media (min-width:372px) {
    #header #naviAction .minicart .dropdown-menu:before {
        right: 7rem;
    }
}
@media (min-width:576px) {
    #header #naviAction .minicart .dropdown-menu:before {
        right: 3.25rem;
    }
}

#header #naviAction .minicart .dropdown-menu h3 {
    color: #878787;
    font-size: 1rem;
    margin: 0.5rem 0 0.5rem 0;
}
#header #naviAction .minicart .dropdown-menu #cart-sidebar {}
#header #naviAction .minicart .dropdown-menu .mini-products-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0.65rem 0;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0.25rem;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details {
    position: relative;
    float: left;
    width: 100%;
}

#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item {
    position: relative;
    float: left;
    width: calc(100% - 2rem);
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link {
    display: block;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.3;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link:focus,
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link:hover {}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link:focus .product-image img,
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link:hover .product-image img {
    transform: scale(1.1);
    z-index: 1;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link:focus .product-name ,
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link:hover .product-name {
    color: #008a96;
    /*text-decoration: underline;*/
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link .product-image {
    width: 75px;
    float: left;
    margin-right: 1rem;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link .product-image img {
    border: none;
    width: 100%;
    height: auto;
    padding: 0;
    transform: scale(1);
    transition: transform 250ms ease-out;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link .product-name {
    font-weight: bold;
    color: #000;
    float: left;
    width: calc(100% - 75px - 1rem);
    margin-top: 0.75rem;
    transition: color 250ms ease-out;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link .product-price {
    float: left;
    width: calc(100% - 75px - 1rem);
    font-weight: 400;
    margin-top: 0.25rem;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link .product-price .product-price-title {
    display: none;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link .product-price .product-quantity-title {
    display: none;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link .product-price .product-quantity {}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link .product-price .product-item-price {}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link .product-price .product-item-price:before {
    content: "x";
    display: inline;
    text-transform: lowercase;
    margin-right: 0.125rem;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-item .product-item-link .product-price .product-item-price .price {}

#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns {
    float: right;
    position: relative;
    overflow: hidden;
    width: 2rem;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns a {
    padding: 0;
    margin: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    min-height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: 0.75rem auto;
    transition: background 250ms ease-out;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns a:before {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: 0.75rem auto;
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns .product-btn-edit {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 0.75rem;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns .product-btn-edit .btn-edit {
    background-image: url('/files/layout/icons/gen/edit-ids-machine-vision-cameras-dark-grey.svg');
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns .product-btn-edit .btn-edit:focus,
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns .product-btn-edit .btn-edit:hover {
    background-image: url('/files/layout/icons/gen/edit-ids-machine-vision-cameras-ids-colour.svg');
    background-size: 1rem auto;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns .product-btn-edit .btn-edit:before {
    background-image: url('/files/layout/icons/gen/edit-ids-machine-vision-cameras-ids-colour.svg');
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns .product-btn-edit .btn-edit span {
    display: none;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns .product-btn-remove {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 0.75rem;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns .product-btn-remove .btn-remove {
    background-image: url('/files/layout/icons/gen/x-ids-machine-vision-cameras-dark-grey.svg');
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns .product-btn-remove .btn-remove:focus,
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns .product-btn-remove .btn-remove:hover {
    background-image: url('/files/layout/icons/gen/x-ids-machine-vision-cameras-ids-colour.svg');
    background-size: 1rem auto;
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns .product-btn-remove .btn-remove:before {
    background-image: url('/files/layout/icons/gen/x-ids-machine-vision-cameras-ids-colour.svg');
}
#header #naviAction .minicart .dropdown-menu .mini-products-list .item .product-details .product-btns .product-btn-remove .btn-remove span {
    display: none;
}

#header #naviAction .minicart .dropdown-menu .product-total {
    position: relative;
    width: 100%;
    padding: 0.65rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#header #naviAction .minicart .dropdown-menu .product-total:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1.875rem;
    width: calc(100% + 3.75rem);
    height: 1px;
    background: #eaeaea;
}
#header #naviAction .minicart .dropdown-menu .product-total .product-total-title {
    display: block;
    float: left;
    font-size: 1rem;
    font-weight: 400;
    color: #878787;
    text-transform: uppercase;
}
#header #naviAction .minicart .dropdown-menu .product-total .product-total-price {
    display: block;
    float: right;
    font-size: 1.5rem;
    font-weight: bold;
    color: #000000;
}

#header #naviAction .minicart .dropdown-menu .button-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0.875rem;
    text-align: center;
}
#header #naviAction .minicart .dropdown-menu .button-wrap:last-child {
    margin-bottom: 0;
}
#header #naviAction .minicart .dropdown-menu .button-wrap .button {
    background-color: #008A96;
    color: #FFFFFF;
    border-radius: 3px;
    border: 2px solid #008a96;
    padding: 9px;
    display: block;
    width: 100%;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 600;
    transition: background 250ms ease-out, border 250ms ease-out;
}
#header #naviAction .minicart .dropdown-menu .button-wrap .button:focus,
#header #naviAction .minicart .dropdown-menu .button-wrap .button:hover {
    background-color: #007e88;
    border: 2px solid #007e88;
}
#header #naviAction .minicart .dropdown-menu .button-wrap .button span {}
#header #naviAction .minicart .dropdown-menu .button-wrap .btn-cart {}
#header #naviAction .minicart .dropdown-menu .button-wrap .btn-checkout {}
#header #naviAction .minicart .dropdown-menu .button-wrap .btn-offer {
    background-color: transparent;
    border: none;
    color: #008a96;
    padding: 0;
    display: inline-block;
    width: auto;
    position: relative;
    margin: 0.25rem 0;
}
#header #naviAction .minicart .dropdown-menu .button-wrap .btn-offer:focus,
#header #naviAction .minicart .dropdown-menu .button-wrap .btn-offer:hover {
    background-color: transparent;
    border: none;
    color: #008a96;
}
#header #naviAction .minicart .dropdown-menu .button-wrap .btn-offer:focus:before ,
#header #naviAction .minicart .dropdown-menu .button-wrap .btn-offer:hover:before {
    width: 100%;
    left: 0%;
}
#header #naviAction .minicart .dropdown-menu .button-wrap .btn-offer:before {
    content: "";
    background: #008a96;
    display: block;
    width: 0px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: width 250ms ease-out, left 250ms ease-out;
}
/******************************************/
/*      HEADER - NAV - MINICART: END      */
/******************************************/  



/**********************************************/
/*      HEADER - NAV - SEARCHMINI: START      */
/**********************************************/   
#search_mini_form {
    width: 100%;
    overflow: hidden;
}
#search_mini_form .form-search {
    width: 100%;
    overflow: hidden;
    padding: 0.5rem 1rem 1.15rem 1rem;
}
#search_mini_form .form-search label {
    width: 100%;
    font-weight: bold;
    font-size: 1.25rem;
    color: #585858;
    text-transform: uppercase;
}
#search_mini_form .form-search input {
    position: relative;
    width: calc(100% - 80px);
    height: 47px;
    float: left;
    
    padding: 10px;
    display: block;
    box-shadow: 0px 0px 2px 2px rgba(222,222,222,0.3);
    background: #FFF;
    border: 1px solid #ffffff;
    border-radius: 3px 0 0 3px;
    outline: none;
}
#search_mini_form .form-search button {
    position: relative;
    width: 80px;
    height: 47px;
    float: right;
    
    background-color: #008A96;
    color: #FFFFFF;
    border: 2px solid #008a96;
    padding: 9px;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    
    outline: none;
    border-radius: 0 3px 3px 0;
    font-size: 0;
    transition: background 250ms linear, border 250ms linear;
}
#search_mini_form .form-search button:focus,
#search_mini_form .form-search button:hover {
    background: #007E88;
    border: 2px solid #007E88;
}
#search_mini_form .form-search button:before {
    content: "";
    display: block;
    background-image: url(/files/layout/icons/gen/search-ids-machine-vision-cameras-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.5rem auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#search_mini_form .form-search button > span {}
#search_mini_form .form-search button > span > span {}
/********************************************/
/*      HEADER - NAV - SEARCHMINI: END      */
/********************************************/    


#header #naviAction .account span.account-name {font-weight: 800;
                                                padding: 0 1rem 0 1rem;
                                                }
#header #naviAction .account span.account-company { font-size: 0.8rem;
                                                    font-weight: 400;
                                                    padding-left:1rem;
                                                    color: #878787;
                                                }
/*Produkte*/                                               
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-nxt {background-image: url(../layout/icons/gen/ids-nxt-camera-ids-machine-vision-cameras-white.svg); background-size: 2.5rem;}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-3d {background-image: url(../layout/icons/gen/ensenso-ids-machine-vision-cameras-white.svg); background-size: 4rem; background-position: 3rem center;}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-proj {background-image: url(../layout/icons/gen/acp-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-sw {background-image: url(../layout/icons/gen/software-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-acc {background-image: url(../layout/icons/gen/accessories-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-turnkey {background-image: url(../layout/icons/gen/turnkey-solutions-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-precision-manufacturing {background-image: url(../layout/icons/gen/precision-manufacturing-ids-machine-vision-cameras-white.svg);}

/*Support*/
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-dl {background-image: url(../layout/icons/gen/downloads-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-kb {background-image: url(../layout/icons/gen/knowledge-base-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-tools {background-image: url(../layout/icons/gen/tools-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-service {background-image: url(../layout/icons/gen/service-and-help-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-training {background-image: url(../layout/icons/gen/trainings-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-pcn {background-image: url(../layout/icons/gen/product-changes-ids-machine-vision-cameras-white.svg);background-size: 3.5rem;}

/*Unternehmen*/
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-about {background-image: url(../layout/icons/gen/about-us-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-career {background-image: url(../layout/icons/gen/career-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-news {background-image: url(../layout/icons/gen/news-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-events {background-image: url(../layout/icons/gen/events-trainings-ids-machine-vision-cameras-white.svg);}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-suppliers {background-image: url(../layout/icons/gen/supplier-ids-machine-vision-cameras-white.svg);}
/*#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-sustainability {background-image: url(../layout/icons/gen/ids-sustainability-ids-machine-vision-cameras-white.svg); background-size: 3.75rem; background-position: 3.5rem center;}*/
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-sustainability {background-image: url(../layout/icons/gen/ids-sustainability-ids-machine-vision-cameras-white.svg); background-size: 5rem; background-position: 2.85rem center;}
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-conformity {background-image: url(../layout/icons/gen/conformity-ids-machine-vision-cameras-white.svg); background-size: 3.25rem; background-position: 3.25rem center; }

/*Extranet*/
#header #naviTop .navbar-nav li .dropdown-menu a.dropdown-item.m-bg-marketing {background-image: url(../layout/icons/gen/career-marketing-pm-ids-machine-vision-cameras-white.svg);}
                                
#header #naviTop .navbar-nav .dropdown-menu a.dropdown-item span {
                                    display:block;
                                    font-size: 0.8rem;
                                    white-space: normal;
                                }
                                
#header #naviTop .navbar-nav .dropdown-menu a.dropdown-item span:first-of-type {
                                    font-weight:800;
                                    font-size:0.9rem;
                                }
                                
#header #naviAction a {    
    display:inline-block;
    list-style-type: none;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 1.0625rem;
    margin-left: 0.4rem;
    vertical-align:middle;
    padding:0.5rem 0.2rem 0.5rem 1rem;
    color: #878787;
    float: right;
    line-height: 1.5rem;
    font-size:0.8rem;
    text-transform: uppercase;
}
                    
#header #naviAction p.empty {   color: #878787;
                                line-height: 1.5rem;
                                font-size:0.8rem;
                                padding: 1rem 1rem 0 1rem;
                            }
                            
#header #naviAction a.addinfo {padding-left:1.3rem;}
                    
#header #naviAction .navbar-toggler {  
    display:inline-block;
    float: right;
    padding:0.5rem 0.4rem 0.5rem 0.4rem;
    margin-left: 0.4rem;
    border-width: 0;
    outline: none;
}
                               
#header #naviAction .navbar-toggler-icon {  height: 1rem;
                                         width:1rem;
                               }

#header #naviAction a:hover{  color: #008a96;
                           text-decoration: none;
                            }  
#header #naviAction .nav-item.change-language > a{	padding-left: 2rem;
													background-size: 1.5rem;
													background-image: url(../layout/globe.svg);
													background-repeat:no-repeat;
												}
													
html[lang='en-US'] #header #naviAction .nav-item.change-language > a{	padding-left: 3rem;
																		background-size: 2.5rem;
																		background-image: url(../layout/usa-can-flag.svg);
																	}
#header #naviAction .nav-item.compare-items > a{
    background-image: url(../layout/icons/gen/compare-products-ids-machine-vision-cameras-grey.svg);
    background-size: 1.25rem;
    padding-left: 1.5rem;
    margin-left: 0.625rem;
}
#header #naviAction .nav-item.minicart > a{
    background-image: url(../layout/icons/gen/cart-ids-machine-vision-cameras-grey.svg);
    margin-left: 0.65rem;
}
#header #naviAction .nav-item.account > a{
    background-image: url(../layout/icons/gen/account-ids-machine-vision-cameras-grey.svg);
    background-size: 1.125rem;
    margin-left: 0.65rem;
}
_:-ms-fullscreen, :root #header #naviAction .nav-item.account > a { background-size: 1.25rem; }
#header #naviAction .nav-item.search > a{background-image: url(../layout/icons/gen/search-ids-machine-vision-cameras-grey.svg);}
#header #naviAction .nav-item.compare-items > a:hover{background-image: url(../layout/icons/gen/compare-products-ids-machine-vision-cameras-ids-colour.svg);}
#header #naviAction .nav-item.minicart > a:hover{background-image: url(../layout/icons/gen/cart-ids-machine-vision-cameras-ids-colour.svg);}
#header #naviAction .nav-item.account.loggedin > a,
#header #naviAction .nav-item.account > a:hover{background-image: url(../layout/icons/gen/account-ids-machine-vision-cameras-ids-colour.svg);}
#header #naviAction .nav-item.search > a:hover{background-image: url(../layout/icons/gen/search-ids-machine-vision-cameras-ids-colour.svg);}                                
                                
                                
                                
                                
                                
                                
                                
                                
#header.visible-top {   position:relative;
                        z-index:1050;
                        width:100%
                    }
                    
#header .navbar-collapse.collapse.show a.dropdown-toggle{   background-image: url(../layout/icons/gen/drop-down-ids-machine-vision-cameras-black.svg);
                                                            background-repeat: no-repeat;
                                                            background-size: .6rem;
                                                            background-position: right center;
                                                        }
#header .navbar-collapse.collapse.show .nav-item.show a.dropdown-toggle{ background-image: url(../layout/icons/gen/drop-up-ids-machine-vision-cameras-black.svg);
                                                            
                                                        }
#naviTop .nav-item {}
@media (min-width: 992px) {
    #naviTop .nav-item {
        margin-right: 1rem;
        transition: margin 250ms linear;
    }
    #naviTop .nav-item:last-child {
        margin-right: 0;
    }
}
@media (min-width: 1010px) {
    #naviTop .nav-item {
        margin-right: 1.25rem;
    }
    #naviTop .nav-item:last-child {
        margin-right: 0;
    }
}
@media (min-width: 1200px) {
    #naviTop .nav-item {
        margin-right: 1.875rem;
    }
    #naviTop .nav-item:last-child {
        margin-right: 0;
    }
}

#naviTop .nav-item a {  padding-left: 1rem;}                                                        
#naviTop a[aria-haspopup="true"]{   padding-right: 1rem;
                                    background-image: url(../layout/icons/gen/drop-down-ids-machine-vision-cameras-grey.svg);
                                    background-repeat: no-repeat;
                                    background-size: .5rem;
                                    background-position: right center;                      
                                }
#naviTop a[aria-expanded="true"]{   background-image: url(../layout/icons/gen/x-ids-machine-vision-cameras-grey.svg); }
                    
/* Footer Navigation */
#footer {
    background-color: #FFFFFF;
}
#footer ,
#footer a{color: #dfdfdf;}

#footer .footer-navi.container{ padding-top: 2rem;}
#footer .footer-navi{color: #292929;}
#footer .footer-navi a{
    position: relative;
    color: #878787;
    transition: color 250ms linear;
    outline: none;
}
#footer .footer-navi a:focus,
#footer .footer-navi a:hover {
    color: #008A96;
}
#footer .footer-navi a:focus:before,
#footer .footer-navi a:hover:before {
    width: 100%;
    left: 0%;
}
#footer .footer-navi a:before {
    content: "";
    display: block;
    background: #008A96;
    width: 0%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: width 250ms linear, left 250ms linear;
}
#footer .footer-navi ul{padding-left: 0;}
#footer .footer-navi ul li {list-style-type: none;}
#footer .footer-navi h3{margin-top: 1.5rem;}


/*Responsive Konfigurationen*/

/*SM*/
@media (min-width:576px) {
 #naviTop .navbar-nav li:first-child .dropdown-menu a.dropdown-item{padding-left: 3rem; padding-top:5rem; background-position: center 1rem; text-align: center;}
 #naviTop .navbar-nav li:first-child .dropdown-menu a.dropdown-item.m-bg-3d{background-size: 6rem; background-position: center 1rem;}
}

/*MD*/
@media (min-width:768px) {
}

/*LG*/
@media (min-width:992px) {
    #naviTop ul.navbar-nav {margin-top: -3.5rem;}
    #dropdown02, #dropdown03 {margin-bottom:1rem;}
    #header #naviAction .navbar-toggler {display:none;}
}

/*XL*/
@media (min-width:1200px) {
 #naviTop .navbar-nav li:first-child .dropdown-menu a.dropdown-item{padding-left: 8rem; padding-top:3rem; background-position: 3.5rem center; text-align: left;}
 #naviTop .navbar-nav li:first-child .dropdown-menu a.dropdown-item.m-bg-3d{padding-left: 8rem; padding-top:3rem; background-size: 4rem; background-position: 3rem center;}
}
