.header-section{position:fixed!important;top:20px!important;left:50%!important;transform:translate(-50%);width:calc(100% - 40px);max-width:1200px;z-index:1000;pointer-events:none}.header-section>*{pointer-events:auto}.header-section .header__underlay-closed,.header-section .header__underlay-open{display:none}.header-section .header{background:#fffc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:100px;box-shadow:0 4px 30px #0000000d;border:1px solid rgba(255,255,255,.3);overflow:visible}.header-section .header .header__row{border-radius:inherit;border-bottom:0}.header-section .menu-list__list-item{position:relative}.header-section .menu-list__list-item>.menu-list__submenu{width:auto;min-width:180px;max-width:320px;left:0;right:auto;top:100%;transform:none;margin-top:0;padding:13px 0 0;border:0;background:transparent;box-shadow:none;clip-path:none}.header-section .menu-list__list-item>.menu-list__submenu:before{content:"";position:absolute;top:-8px;left:0;right:0;height:14px;pointer-events:auto}.header-section .menu-list__submenu-inner{background:#fff;border-radius:16px;box-shadow:0 4px 30px #0000001a;border:1px solid rgba(255,255,255,.4);padding:12px;width:auto;transform:none}.header-section .mega-menu{background:transparent;margin:0;padding:0;max-width:none;width:auto}.header-section .mega-menu__grid,.header-section .mega-menu__list{--menu-columns-desktop: 1;--menu-columns-tablet: 1;display:flex;flex-direction:column;gap:2px;width:auto;padding:0;margin:0}.header-section .mega-menu__column{grid-column:auto;width:auto}.header-section .mega-menu__link{white-space:nowrap;padding:8px 14px;border-radius:8px;display:block;transition:background-color .15s}.header-section .mega-menu__link:hover{background:#0e6e7a14}.header-section .mega-menu.section,.header-section .mega-menu.section--full-width-margin,.header-section .mega-menu.section--page-width{--full-page-grid-margin: 0;--page-margin: 0}.shopify-section-group-header-group+.shopify-section{margin-top:120px}.header-section .header-logo__image-container--original{font-size:0;line-height:0;color:transparent;display:inline-flex;align-items:center}.header-section .header-logo__image-container--original:before{content:"DIGITAL\aMESS\a DIENST";white-space:pre;display:inline-block;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-size:11px;letter-spacing:.5px;line-height:1.1;color:#12153f;border:2px solid #4dd9ec;padding:6px 8px;border-radius:6px;text-align:left}@media screen and (max-width:749px){.header-section{top:10px!important;width:calc(100% - 20px)}.header-section .header{border-radius:40px!important}.shopify-section-group-header-group+.shopify-section{margin-top:90px}.header-section .header-logo__image-container--original:before{font-size:10px;padding:5px 6px}}@supports (animation-timeline: scroll()){:where([data-header-scroll-effects]) .header-section .header{position:relative}:where([data-header-scroll-effects]) .header-section .header:after{content:"";position:absolute;left:44px;right:44px;bottom:0;height:2px;border-radius:2px;background:#4dd9ec;transform:scaleX(0);transform-origin:left;pointer-events:none;animation:dmd-header-progress auto linear both;animation-timeline:scroll(root block)}@keyframes dmd-header-progress{0%{transform:scaleX(0);opacity:0}2%{opacity:1}to{transform:scaleX(1);opacity:1}}@supports (animation-range: 0px 30px){:where([data-header-scroll-effects]) .header-section .header{animation:dmd-header-compact auto linear both;animation-timeline:scroll(root block);animation-range:0px 30px}@supports (anchor-name: --dmd-header-row){@media screen and (min-width:750px){:where([data-header-scroll-effects]) .header-section .header:has(>.header__row--top):not(.header--compact,.header--collapse-row-paddings,[data-menu-style=drawer],:has(>.header__row--bottom)){display:flex;flex-direction:column;border-color:transparent;background-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none;pointer-events:none}:where([data-header-scroll-effects]) .header-section .header:has(>.header__row--top):not(.header--compact,.header--collapse-row-paddings,[data-menu-style=drawer],:has(>.header__row--bottom))>*{pointer-events:auto}:where([data-header-scroll-effects]) .header-section .header:has(>.header__row--top):not(.header--compact,.header--collapse-row-paddings,[data-menu-style=drawer],:has(>.header__row--bottom)):before{content:"";order:1;visibility:hidden;animation:dmd-header-compact-offset auto linear both;animation-timeline:scroll(root block);animation-range:0px 30px}:where([data-header-scroll-effects]) .header-section .header:has(>.header__row--top):not(.header--compact,.header--collapse-row-paddings,[data-menu-style=drawer],:has(>.header__row--bottom))>.header__row.header__row--top{z-index:auto}:where([data-header-scroll-effects]) .header-section .header:has(>.header__row--top):not(.header--compact,.header--collapse-row-paddings,[data-menu-style=drawer],:has(>.header__row--bottom))>.header__row--top:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border:1px solid rgba(255,255,255,.3);border-radius:inherit;background-color:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 30px #0000000d;animation:dmd-header-compact auto linear both;animation-timeline:scroll(root block);animation-range:0px 30px}:where([data-header-scroll-effects]) .header-section .header:has(>.header__row--top):not(.header--compact,.header--collapse-row-paddings,[data-menu-style=drawer],:has(>.header__row--bottom)) .header__row--top .header__columns{animation:dmd-header-compact-padding auto linear both;animation-timeline:scroll(root block);animation-range:0px 30px}:where([data-header-scroll-effects]) .header-section .header:has(>.header__row--top):not(.header--compact,.header--collapse-row-paddings,[data-menu-style=drawer],:has(>.header__row--bottom)):after{content:none}:where([data-header-scroll-effects]) .header-section .header:has(>.header__row--top):not(.header--compact,.header--collapse-row-paddings,[data-menu-style=drawer],:has(>.header__row--bottom))>.header__row--top:after{content:"";position:absolute;left:44px;right:44px;bottom:0;height:2px;border-radius:2px;background:#4dd9ec;transform:scaleX(0);transform-origin:left;pointer-events:none;animation:dmd-header-progress auto linear both;animation-timeline:scroll(root block)}}}@keyframes dmd-header-compact{to{background-color:#ffffffeb;box-shadow:0 12px 40px -12px #1a1f5e38}}@keyframes dmd-header-compact-padding{to{padding-block:7px}}@keyframes dmd-header-compact-offset{to{padding-block-end:calc(2 * (var(--header-padding) - 7px))}}}:where([data-header-scroll-effects]) .header-section .menu-list__link-title{border-radius:100px}@media(hover:hover){:where([data-header-scroll-effects]) .header-section .header-logo:hover .header-logo__image-container--original:before{border-color:#363751}:where([data-header-scroll-effects]) .header-section .menu-list__list-item:not([slot=overflow])>.menu-list__link:hover .menu-list__link-title{background-color:#4dd9ec29}:where([data-header-scroll-effects]) .header-section .mega-menu__link:hover{padding-left:18px;padding-right:10px}}:where([data-header-scroll-effects]) .header-section .header-logo:focus-visible .header-logo__image-container--original:before{border-color:#363751}:where([data-header-scroll-effects]) .header-section .menu-list__list-item:not([slot=overflow])>.menu-list__link:focus-visible .menu-list__link-title{background-color:#4dd9ec29}:where([data-header-scroll-effects]) .header-section .mega-menu__link:focus-visible{padding-left:18px;padding-right:10px}@media(prefers-reduced-motion:no-preference){:where([data-header-scroll-effects]) .header-section .header-logo__image-container--original:before{transition:border-color .3s,transform .3s}:where([data-header-scroll-effects]) .header-section .menu-list__link-title{transition:background-color .2s}:where([data-header-scroll-effects]) .header-section .header-actions__cart-icon{transition:transform .3s}:where([data-header-scroll-effects]) .header-section .header-logo:focus-visible .header-logo__image-container--original:before{transform:rotate(-3deg)}:where([data-header-scroll-effects]) .header-section .header-actions__action:focus-visible .header-actions__cart-icon{transform:rotate(-8deg)}:where([data-header-scroll-effects]) .header-section :where(.menu-list__list-item:not([slot=overflow]))>.menu-list__submenu>.menu-list__submenu-inner{transform:translateY(8px);transition:var(--submenu-content-animation),transform .22s ease-out}:where([data-header-scroll-effects]) .header-section :where(.menu-list__list-item:has([aria-expanded=true]))>.menu-list__submenu>.menu-list__submenu-inner,:where([data-header-scroll-effects]) .header-section .menu-list__submenu:hover>.menu-list__submenu-inner{transform:none}}@media(hover:hover)and (prefers-reduced-motion:no-preference){:where([data-header-scroll-effects]) .header-section .header-logo:hover .header-logo__image-container--original:before{transform:rotate(-3deg)}:where([data-header-scroll-effects]) .header-section .header-actions__action:hover .header-actions__cart-icon{transform:rotate(-8deg)}}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/header-pill.css.map */