#top-bar {
    background-color: rgb(255 255 255 / 30%) !important;
    filter: invert(0.8);
}

#top-bar .dark .social-icons,.nav-dark .social-icons {
    filter: invert(0.8);
}

#top-bar .dark .social-icons i {
    filter: brightness(200) invert(0) opacity(1) !important;
}

.archive #top-bar .dark .social-icons,.archive .nav-dark .social-icons {
    filter: invert(0.8) brightness(3);
}

.archive .is-uppercase,.archive .uppercase {
    line-height: 1;
    text-transform: uppercase;
    font-size: 1rem !important;
    color: var(--color11) !important;
    font-weight: 900 !important;
}

.archive .archive-page-header .page-title {
    font-size: 2rem !important;
    font-weight: 600 !important;
    color: var(--color6) !important;
    letter-spacing: 0px !important;
    padding-top: 2rem;
    padding-bottom: 0rem;
}

.stuck .flex-right .header-nav {
    margin-left: auto;
    position: relative;
    top: 0px;
}

#logo {
    width: 300px !important;
    padding: 6px 0 !important;
}

.stuck .header-main .nav > li > a {
    line-height: 55px !important;
    transition: height 0.4s !important;
}

.stuck #logo,.stuck .header-main {
    height: 92px !important;
    max-height: 110px !important;
    transition: height 0.8s !important;
}

.stuck #logo img {
    max-height: 110px !important;
    padding: 2px 4px 10px 0px !important;
    position: relative;
    left: -6px;
    transition: height 0.8s !important;
}

.transparent .flex-right .header-nav {
    margin-left: auto;
    position: relative;
    top: 6px;
}

.transparent #logo img {
    max-height: 140px !important;
    transition: height 1.8s !important;
    position: relative;
    filter: brightness(2.2) invert(0);
    top: -22px;
}

.transparent #logo,.transparent .header-main {
    height: 130px !important;
    max-height: 110px !important;
    transition: height 1.8s;
    position: relative;
    top: -10px;
    z-index: 9999;
}

/*. MENÜ TOP HEADER */
.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 500;
    color: var(--color1) !important;
    font-style: normal;
}

/*. VERTICAL MENU */
.header-main .nav > li > a {
    font-family: "Lato",serif !important;
    font-weight: 600 !important;
    letter-spacing: 0px !important;
    font-size: 1.4rem;
    opacity: 1 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-flex;
    flex-wrap: wrap;
    transition: transform 0.3s;
    opacity: 0.85 !important;
    margin-right: 0.4rem;
    margin-left: 0.4rem;
    top: -3px;
    position: relative;
}

.header-main .nav > li > a:hover {
    color: var(--red) !important;
    background-color: var(--drawer-width) !important;
    transition: filter 0.4s,opacity 0.4s,transform 0.4s,color 0.4s !important;
    opacity: 1 !important;
}

/*. STUCK HEADER*/
.header-wrapper:not(.stuck) .logo img {
    transition: max-height 0.5s;
    filter: brightness(0.2) invert(3);
    padding: 6px;
    position: relative;
    top: -6px;
}

.header-shadow .header-wrapper,.header-wrapper.stuck,.layout-shadow #wrapper {
    box-shadow: 1px 1px 100px rgba(0,0,0,0.1);
}

.stuck .header-main .nav > li > a {
    line-height: 60px;
    color: var(--main) !important;
    transition: all 0.2s;
    transition: filter 2.35s,invert 2.9s,opacity 2.95s,transform 2.35s,brightness 2.9s,grayscale 2.9s,box-shadow 2.3s !important;
}

.stuck .header-main .nav > li > a:hover {
    line-height: 60px;
    color: var(--red) !important;
    transition: all 0.2s;
    transition: filter 2.35s,invert 2.9s,opacity 2.95s,transform 2.35s,brightness 2.9s,grayscale 2.9s,box-shadow 2.3s !important;
}

/* SHOPPING BAG*/

.cart-price{position: relative;top: 4px; margin-right: 20px}

.cart-icon{position: relative;top: 4px;}


.cart-icon,.cart-icon strong {
    display: inline-block;
	
}

.cart-icon strong {
    border: 2px solid var(--fs-color-primary);
    border-radius: 0;
    color: var(--fs-color-primary);
    font-family: Helvetica,Arial,Sans-serif;
    font-size: 1em;
    font-weight: 700;
    height: 2.2em;
    line-height: 1.9em;
    margin: .3em 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 2.2em;
    filter: brightness(1000.5);
}

.cart-icon strong:after {
    border: 2px solid var(--fs-color-primary);
    border-bottom: 0;
    border-top-left-radius: 99px;
    border-top-right-radius: 99px;
    bottom: 100%;
    content: " ";
    height: 8px;
    left: 50%;
    margin-bottom: 0;
    margin-left: -7px;
    pointer-events: none;
    position: absolute;
    transition: height .1s ease-out;
    width: 14px
}

.cart-icon:hover strong,.current-dropdown .cart-icon strong {
    background-color: var(--fs-color-primary);
    color: #fff
}

.cart-icon:hover strong:after,.current-dropdown .cart-icon strong:after {
    height: 10px
}




/* ICONS */
.nav-spacing-small>li{margin:0 8px !important;}
.icon-start::before,.icon-service::before,.icon-contact::before,.icon-search::before,.icon-shopping-bag::before,.icon-user::before,.header-nav .dark-mode-button::before,body.dark-mode .dark-mode-button::before,button.pswp__button,button.pswp__button--close{content:"";display:inline-block;background-repeat:no-repeat !important;background-position:50% 50%;background-size:100%;opacity:1 !important;border:none !important;font-family:unset;border:none !important;filter:brightness(10);transition:transform 450ms,opacity .8s,background-color .8s;}
.nav-dark .nav>li{display:inline-block;list-style:none;padding:0;transition:background-color .3s;}
.stuck .nav>li.has-icon>a>i{opacity:1 !important;filter:brightness(0)}
.stuck .icon-contact:before,.stuck .icon-search:before,.stuck .icon-shopping-bag:before,.stuck .icon-user:before,.stuck .icon-menu::before{filter:brightness(0.2);}
.nav>li>a>i.icon-menu{font-size:unset !important;line-height:1.4 !important;border:none !important;}
.nav>li.has-icon>a>i{min-width:2.85em;border:none !important;}
.nav>li.header-divider{border-left:1px solid rgba(0,0,0,.1);height:40px !important;}
.icon-menu{width:54px !important;}
.icon-menu::before{height:52px;width:58px;}
.icon-contact:before,.icon-search:before,.icon-shopping-bag:before,.icon-user:before{height:52px;width:52px;}
.sticky-hide-on-scroll #moon-icon,.sticky-hide-on-scroll #sun-icon,.sticky-hide-on-scroll .dark-mode .dark-mode-button::before,.sticky-hide-on-scroll .header-nav .dark-mode-button,.sticky-hide-on-scroll .header-nav .dark-mode-button::before,.sticky-hide-on-scroll .icon-contact:before,.sticky-hide-on-scroll .icon-search:before,.sticky-hide-on-scroll .icon-shopping-bag:before,.sticky-hide-on-scroll .icon-user:before,.sticky-hide-on-scroll .nav li.has-icon a,.sticky-hide-on-scroll .nav li.has-icon-left a{opacity:1 !important;transition:transform 450ms,opacity .8s !important;border:none !important;}
.stuck #moon-icon,.stuck #sun-icon,.stuck .dark-mode .dark-mode-button::before,.stuck .header-nav .dark-mode-button,.stuck .header-nav .dark-mode-button::before,.stuck .icon-contact:before,.stuck .icon-search:before,.stuck .icon-shopping-bag:before,.stuck .icon-user:before,.stuck .nav li.has-icon a,.stuck .nav li.has-icon-left a{opacity:.75 !important;transition:transform .7s,opacity 1.1s !important;border:none !important;}


.stuck .cart-icon {
    filter: brightness(0)
}


 .nav-icon .icon-menu{
    display: none !important
}



/* Einheitliche Icon-Pseudos */
.icon-start:before{content:"" !important;margin:4px 0 0 0 !important;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect x="0" y="0" width="256" height="256" style="fill:none;"/><g><path d="M234.486,253.317l-212.972,0c-9.528,0 -16.814,-7.542 -16.814,-17.405l-0,-105.591c-0,-4.642 1.681,-8.703 5.044,-12.184l106.486,-110.233c6.726,-6.962 16.814,-6.962 23.54,0l106.486,110.233c3.363,3.481 5.044,7.542 5.044,12.184l0,105.591c0,9.863 -7.286,17.405 -16.814,17.405Zm-212.972,-11.603l212.972,-0c3.363,-0 5.605,-2.321 5.605,-5.802l0,-105.591c0,-1.741 -0.56,-2.901 -1.681,-4.062l-106.487,-110.232c-2.242,-2.321 -5.604,-2.321 -7.846,-0l-106.487,110.232c-1.121,1.161 -1.681,2.321 -1.681,4.062l-0,105.591c-0,3.481 2.242,5.802 5.605,5.802Z" style="fill:%23fff;fill-rule:nonzero;stroke:%23fff;stroke-width:5px;"/></g></svg>');background-position:50% 50%;font-size:unset !important;background-size:100%;font-family:unset;display:inline-block;}
.icon-service:before{content:"" !important;margin:4px 0 0 0 !important;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"><rect x="0" y="0" width="256" height="256" style="fill:none;"/><g><ellipse cx="128.017" cy="127.956" rx="120.331" ry="120.332" style="fill:none;stroke:%23fff;stroke-width:15.08px;"/><g><rect x="119.966" y="108.834" width="16.103" height="80.514" style="fill:%23fff;stroke:%23fff;stroke-width:1px;stroke-linecap:butt;stroke-miterlimit:2;"/><rect x="119.966" y="70.59" width="16.103" height="16.103" style="fill:%23fff;stroke:%23fff;stroke-width:1px;stroke-linecap:butt;stroke-miterlimit:2;"/></g></g></svg>');background-position:50% 50%;font-size:unset !important;background-size:100%;font-family:unset;display:inline-block;}
.icon-contact:before{content:"" !important;margin:4px 0 0 0 !important;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect x="0" y="0" width="256" height="256" style="fill:none;"/><g><path d="M75.769,237.112c-10.209,5.993 -29.655,14.276 -49.482,5.866l-14.218,-6.032l25.5,-28.585c-19.686,-22.144 -30.569,-50.766 -30.569,-80.395c-0,-66.379 54.622,-121 121,-121c66.379,-0 121,54.621 121,121c-0,34.124 -14.433,66.704 -39.712,89.628c-36.268,33.094 -89.296,40.845 -133.519,19.518Zm139.883,-188.64c-22.422,-24.744 -54.299,-38.877 -87.689,-38.877c-64.914,0 -118.33,53.416 -118.33,118.329c0,29.399 10.957,57.768 30.718,79.536l0.807,0.89l-24.615,27.593l10.787,4.576c19.149,8.123 38.096,-0.315 47.687,-6.066l0.62,-0.372l0.651,0.315c16.113,7.83 33.797,11.899 51.713,11.899c64.913,-0 118.328,-53.416 118.328,-118.329c0,-29.38 -10.942,-57.732 -30.677,-79.494Z" style="fill:%23fff;fill-rule:nonzero;stroke:%23fff;stroke-width:12.35px;"/><rect x="66.033" y="107.267" width="80.293" height="7.456" style="fill:%23fff;stroke:%23fff;stroke-width:4.5px;"/><rect x="66.033" y="133.061" width="139.945" height="7.456" style="fill:%23fff;stroke:%23fff;stroke-width:4.5px;"/><rect x="66.033" y="158.855" width="139.808" height="7.456" style="fill:%23fff;stroke:%23fff;stroke-width:4.5px;"/></g></svg>');background-position:50% 50%;font-size:unset !important;background-size:100%;font-family:unset;display:inline-block;position:relative;}
.icon-search:before{content:"" !important;margin:4px 0 0 0 !important;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 4446 4446" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"><rect x="0" y="0" width="4444.458" height="4444.458" style="fill:none;"/><g><path d="M2165.84,149.448c1139.63,-31.383 2090.44,868.36 2121.941,2007.969c31.502,1139.609 -868.158,2090.305 -2007.787,2121.688c-1139.63,31.383 -2090.44,-868.36 -2121.941,-2007.969c-31.502,-1139.609 868.158,-2090.305 2007.787,-2121.688Z" style="fill:none;stroke:%23fff;stroke-width:283.57px;"/><path d="M147.137,4296.568l558.044,-558.044" style="fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:279.82px;"/></g></svg>');background-repeat:no-repeat;background-position:50% 50%;background-size:100%;display:inline-block;}
.icon-shopping-bag:before{content:"" !important;margin:4px 0 0 0 !important;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 4446 4446" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:10;"><rect x="0" y="0" width="4444.458" height="4444.458" style="fill:none;"/><g id="ic-ecommerce-basket-default"><path d="M3489.522,4318.75l-2540.406,0c-295.741,0 -542.727,-225.556 -569.515,-520.047l-233.057,-2556.479c-3.036,-33.396 23.395,-62.327 56.969,-62.327l4031.611,0c33.574,0 60.005,28.931 56.969,62.327l-233.235,2556.479c-26.61,294.491 -273.596,520.047 -569.337,520.047Z" style="fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:250px;"/><path d="M1209.818,1740.126l0,-523.797c0,-597.375 484.151,-1081.704 1081.704,-1081.704c597.196,0 1081.525,484.329 1081.525,1081.704l0,523.797" style="fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:250px;"/></g></svg>');background-position:50% 50%;background-size:100%;display:inline-block;}
.icon-user:before{content:"" !important;margin:4px 0 0 2.5px !important;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1366 1366" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"><g transform="matrix(1.33333,0,0,1.33333,0,0)"><g transform="matrix(0.71801,0,0,0.71801,2.05045,0.961117)"><ellipse cx="710.825" cy="710.546" rx="670.064" ry="670.1" style="fill:none;stroke:white;stroke-width:75px;"/><ellipse cx="710.825" cy="654.705" rx="279.194" ry="279.208" style="fill:none;stroke:white;stroke-width:75px;"/><path d="M262.723,1208.93C348.26,1040.44 521.874,933.864 710.825,933.864C899.776,933.864 1073.39,1040.44 1158.93,1208.93" style="fill:none;fill-rule:nonzero;stroke:white;stroke-width:75px;"/></g></g></svg>');background-repeat:no-repeat;background-position:50% 50%;background-size:100%;display:inline-block;}
.icon-menu::before{content:"" !important;margin:3px 0 0 1px !important;background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1067 1067" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"><rect x="0" y="0" width="1066.67" height="1066.67" style="fill:none;"/><g><path d="M32.617,32.95l1001.54,0" style="fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:63.1px;"/><path d="M32.617,530.367l1001.54,-0" style="fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:63.1px;"/><path d="M32.617,1033l1001.54,0" style="fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:63.1px;"/></g></svg>');background-repeat:no-repeat !important;background-position:50% 50%;position:relative;display:inline-block;position: relative; top: 12px}
.icon-checkmark::before{content:"";background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"><rect x="0" y="0" width="256" height="256" style="fill:none;"/><g transform="matrix(-3.31962e-16,1.66405,-1.87865,-3.18821e-16,339.99,1.53236)"><path d="M40,64L112,128L76,161.683" style="fill:none;fill-rule:nonzero;stroke:rgb(29,29,34);stroke-width:8.45px;"/></g></svg>');background-position:50% 50%;background-size:100%;}
/** MENU SEITLICH RECHTS **/

/* OVER MENU. */
.has-dropdown .icon-angle-down {
    display: none;
}

.nav-vertical > li > ul li a {
    color: var(--color4) !important;
    font-size: 3rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    transition: color 0.7s !important;
    text-decoration: none;
    padding-left: 25px;
}

.nav-vertical li li {
    color: var(--main) !important;
    font-size: 3rem !important;
    padding-left: 0.5em;
}

/* AKTIV. */
.nav-column li.active > a,.nav-column li > a:hover,.nav-dropdown li.active > a,.nav-dropdown > li > a:hover,.nav-vertical-fly-out > li > a:hover,.nav > li.active > a,.nav > li.current > a,.nav > li > a.active,.nav > li > a.current,.nav > li > a:hover {
    color: var(--blue) !important;
    transition: filter 0.6s,opacity 0.6s,transform 0.6s,color 0.3s !important;
}

/* ###END */
/*dropdown*/
.nav-column > li > a,.nav-dropdown > li > a,.nav-vertical-fly-out > li > a,.nav > li > a {
    color: var(--color1) !important;
    transition: filter 0.4s,opacity 0.4s,transform 0.4s,color 0.4s !important;
}

/* DROPDOWN MEIN ACCOUNT*/
.nav-dropdown > li > a {
    display: block;
    line-height: 1.3 !important;
    padding: 0px 20px;
    width: auto;
}

.nav-dropdown li ul {
    margin-top: 0px !important;
    padding-top: 0px !important;
    line-height: 1 !important;
}

.nav-dropdown li {
    margin-top: 0px !important;
    padding-top: 0px !important;
    display: block;
    margin: 0;
    vertical-align: top;
}

.nav-dropdown li::before {
    display: none !important;
}

.return-to-shop a {
    font-size: 1rem;
}

.header-buttons .button {
    margin-bottom: 0;
    margin-right: .65em
}

.header-button {
    display: inline-block;
}

.header-button .button.icon i {
    font-size: 2em!important;
    background-color: transparent !important
}

/*. OFF MENU ****************** ********************************************************************************************************************************************************************************************************************************************************************************************************************************/


.account-item,.cart-item,.nav-icon{
    opacity: .6;
    position: relative;
    top: 0px
}


.nav > li > a > i.icon-menu {
    font-size: 2em !important;
    position: relative;
    top: 2px;
}

.icon-contact:before,.icon-search:before,.icon-shopping-bag:before,.icon-user:before {
    font-size: 2rem;
    height: 2px !important;
    position: relative;
    top: -12px;
    display: inline-block;
}

.icon-menu {
    position: absolute;
    right: 2px;
    top: -8px !important;
    height: 54px !important;
    width: 44px !important;
}

.header-cart-icon {
    position: absolute;
    top: -4px !important;
    filter: brightness(0);
    width: 30px;
}

.header-button .button {
    border-color: rgba(0,0,0,0.1);
    color: var(--white);
}

.header-button .circle, .circle img {
    background-color: rgba(0,0,0,0.2);
    border-radius: 999px !important;
    -o-object-fit: cover;
    object-fit: cover;
}
.header-button .circle:hover , .circle img:hover {
    background-color: rgba(0,0,0,1);
    border-radius: 999px !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.nav > li.header-divider {
    border-left: 1px solid rgb(255,255,255,0.6);
    height: 30px;
    margin: 0 5px !important;
    position: relative;
    vertical-align: middle;
}






/*ARCHIVE MENU */
.tax-product_tag #wrapper .has-sticky-logo {
    background-color: rgb(255 255 255 / 0%);
}

.archive .has-sticky-logo {
    background: var(--color7);
}

.archive .has-sticky-logo #logo img {
    padding: 12px 4px 4px 0px !important;
    max-height: 110px !important;
    transition: height 1.8s !important;
    transition: filter 0.4s,opacity 0.4s,transform 0.4s,color 0.4s !important;
}

.archive .stuck .header-main {
    transition: filter 0.4s,opacity 0.4s,transform 0.4s,color 0.4s !important;
    background: var(--color1) !important;
}

.archive .header-main {
    height: 133px;
    opacity: 1 !important;
    filter: nome !important;
}

.archive .stuck #logo,.archive .stuck .header-main {
    height: 92px !important;
    max-height: 110px !important;
    transition: height 0.8s !important;
}

.archive .stuck #logo img {
    max-height: 90px !important;
    padding: 2px 4px 10px 0px !important;
    position: relative;
    left: -6px;
    transition: height 0.8s !important;
}

.header .nav-small a.icon:not(.button) {
    font-size: 1.4rem;
    filter: brightness(0);
}

.header .nav-small a.icon:not(.button):hover {
    font-size: 1.4rem;
    filter: brightness(10);
}

/*. OFF CANVAS ****************** ********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header-top {
    background-color: var(--fs-color-primary);
    min-height: 20px;
    position: relative;
    z-index: 11;
}

.header-main {
    position: relative;
    z-index: 10;
}

.header-bottom {
    min-height: 35px;
    position: relative;
    z-index: 9;
}

.top-divider {
    border-top: 1px solid;
    margin-bottom: -1px;
    opacity: 0.1;
}

.nav-dark .top-divider {
    display: none;
}

.stuck {
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 0;
}

.sticky-jump .stuck:not(.ux-no-animation) {
    animation: stuckMoveDown 0.6s;
}

.sticky-fade .stuck:not(.ux-no-animation) {
    animation: stuckFadeIn 0.6s;
}

.sticky-shrink .stuck .header-main {
    transition: height 0.8s;
}

.stuck .header-inner {
}

.stuck .header-inner,.stuck .logo,.stuck .logo img {
    margin-top: 0;
    padding-top: 0;
}

.header-wrapper:not(.stuck) .logo img {
    transition: max-height 0.5s;
}

.header.show-on-scroll .hide-for-sticky,.stuck .hide-for-sticky {
    display: none;
}

.header-shadow .header-wrapper,.header-wrapper.stuck,.layout-shadow #wrapper {
    box-shadow: 1px 1px 10px rgba(0,0,0,0.15);
}

.nav > li.header-divider {
    border-left: 1px solid rgba(0,0,0,0.1);
    height: 30px;
    margin: 0 7.5px;
    position: relative;
    vertical-align: middle;
}

.nav-dark .nav > li.header-divider {
    border-color: hsla(0,0%,100%,0.1);
}

.header-block {
    min-height: 15px;
    width: 100%;
}

.header-full-width .container {
    max-width: 100% !important;
}

/* OFF CANVAS MENU */
.pswp__bg,.mfp-bg.mfp-ready {
    background-color: #007cba;
    opacity: 1 !important;
}

.off-canvas-left .mfp-content,.off-canvas-right .mfp-content {
    opacity: 1 !important;
    color: var(--color1) !important;
    bottom: 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transform: translateX(calc(var(--drawer-width) * -1));
    transition: transform 0.6s;
    width: var(--drawer-width);
}

.mfp-bg.off-canvas-center:not(.dark) {
    background-color: rgb(176 176 176) !important;
    color: var(--color1) !important;
    opacity: 1;
}

.off-canvas-center .mfp-content {
    -webkit-overflow-scrolling: touch;
    width: 80% !important;
    max-width: 1510px !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 0px;
}

.off-canvas .nav-vertical > li > ul li a {
    color: var(--color4) !important;
    padding-top: 0px;
    font-size: 3rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    transition: color 0.7s !important;
    text-decoration: none;
    padding-left: 25px;
}

.off-canvas .nav-vertical li li {
    color: var(--main) !important;
    padding-top: 0px !important;
    padding-left: 0.5em;
    font-weight: 400 !important;
    font-style: normal !important;
}

.off-canvas-center .nav-vertical > li > a,.off-canvas-center .nav-vertical > li > ul > li a {
    justify-content: left;
}

.off-canvas .nav-vertical li li > a {
    padding-bottom: 1px !important;
    padding-top: 1px !important;
}

.off-canvas-center:not(.dark) .mfp-close {
    color: var(color1) !important;
}

.off-canvas-center .nav-sidebar.nav-vertical > li > a {
    padding-left: 35px !important;
    padding-right: 35px !important;
    border-radius: 35px;
}

.off-canvas-center .nav-sidebar.nav-vertical .current_page_item {
    color: var(--blue) !important;
}

.off-canvas-center .nav-vertical > li > a {
    font-size: 3.5em;
    text-align: left;
}

.off-canvas-center .nav-vertical a {
    min-width: 100%;
    max-width: 100%;
    display: inline-table !important;
    margin-bottom: 6px;
    font-family: "Lato",sans-serif !important;
    font-weight: 300 !important;
    -webkit-transition: all 0.7s ease-in;
    -moz-transition: all 0.7s ease-in;
    -o-transition: all 0.7s ease-in;
    transition: all 0.7s ease-in;
    background-color: #111114 !important;
}

.off-canvas-center .nav-vertical a:hover {
    background-color: #2f2f2f !important;
    color: var(--red) !important;
    transform: translateY(-6px);
    -webkit-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out;
    -o-transition: all 1.3s ease-out;
    transition: all 1.3s ease-out;
    filter: invert(1);
    min-width: 100%;
    max-width: 100%;
}

@media (prefers-reduced-motion) {
    .off-canvas-left .mfp-content,.off-canvas-right .mfp-content {
        transition: opacity 0.6s !important;
    }
}

/*CLOSE */
.off-canvas-center:not(.dark) .mfp-close {
    color: var(--color1) !important;
}

.mfp-ready .mfp-close {
    opacity: 1 !important;
}

/*. POPUP. */
.off-canvas-right .mfp-content,.off-canvas-left .mfp-content {
    --drawer-width: 800px !important;
}

.content.off-canvas-cart {
    --drawer-width: 800px !important;
}

.mfp-bg.mfp-ready {
    opacity: 0.95;
}

/*. BANNER HEADER ****************** ********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*.has-transparent + .page-title:first-of-type{padding-top:220px!important;padding-bottom:110px!important;min-height:800px;height:1200px;}
*/
.header-top .section-bg-overlay {
    background-color: rgba(0,0,0,0.8) !important;
    filter: opacity(0.7);
}

.archiv .header-top .section-bg-overlay {
    background-color: rgba(0,0,0,75) !important;
    filter: opacity(1);
}

.featured-title {
    background-color: var(--fs-color-primary);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1) !important;
    font-size: 1rem;
    height: 800px !important;
    padding-top: 280px;
    z-index: 99;
}

.featured-title .page-title-bg {
    box-shadow: inset 0 0 30px 0 rgba(0,0,0,0.1) !important;
    z-index: 99;
}

.featured-title .overlay {
    background-color: rgba(0,0,0,0.5) !important;
}

.featured-posts .col-inner .box-text {
    background-color: transparent !important;
}

.featured-title .page-title-inner {
    padding-bottom: 20px;
    z-index: 99;
}

.box-overlay .box-text,.box-shade .box-text {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.banner-bg:is(img,picture,video) {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    top: 0;
    width: 100%;
}

@media (min-width: 549px) {
    .has-video .bg {
        display:none;
    }
}