@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

	.mob-menu-logo-holder .mob-retina-logo {
		display: inline-block;
	}
	.mob-standard-logo {
		display: none!important;
	}
}

@media screen and ( min-width: 782px ){
		body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
			top: 32px!important;
		}
				body.admin-bar .mobmenu-search-holder {
				top: 90px!important;
		}
}

@media screen and ( max-width: 782px ){
	body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
		top: 46px!important;
	}

	body.admin-bar .mob-menu-header-banner {
		top: 0px!important;
	}
		body.admin-bar .mobmenu-search-holder {
		top: 104px!important;
	}
	body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
		top: 58px!important;
	}

}

@media screen and ( max-width: 479px ) {
	.mob-menu-overlay .mobmenu-content {
		padding-top: 5%;
	}
}

@media screen and ( max-width: 782px ) {
	.mob-menu-overlay .mobmenu-content {
		padding-top: 10%;
	}
}


@media only screen and (min-width:5001px){
	.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
		display: none!important;
	}
}

@media only screen and (max-width:5000px) {

			
	.mobmenur-container i {
		color: #ffffff;
	}
	.mobmenul-container i {
		color: #ffffff;
	}
	.mobmenul-container img {
		max-height:  46px;
		float: left;
	}
	.mobmenur-container img {
		max-height:  44px;
		float: right;
	}
	.mob-expand-submenu i {
		font-size: 19px;
	}
	#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
		color: #efefef;

	}
	.mob-cancel-button {
		font-size: 25px!important;
	}

	/* 3rd Level Left Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
		color: #ccc;
	}
	/* 3rd Level Left Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
		background-color: #666;
	}
	.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
		background-color: #5e7dce;
	}
	.mobmenu-content #mobmenuright li:hover  {
		background-color: rgba(255,255,255,0.68) ;
	}
	/* 3rd Level Right Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
		background-color: #ffffff;
	}
	/* 3rd Level Right Menu Items Background color on Hover*/
	.mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
		color: #f22663;
	}

		.mobmenu-content #mobmenuleft .sub-menu {
		background-color: #8fb5f1 ;
		margin: 0;
		color: #ffffff ;
		width: 100%;
		position: initial;
		height: 100%;
	}
	.mob-menu-left-bg-holder {
				opacity: 0.3;
		background-attachment: fixed ;
		background-position: center top ;
		-webkit-background-size:  cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	.mob-menu-right-bg-holder { 
				opacity: 1;
		background-attachment: fixed ;
		background-position: center top ;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size:  cover;
	}
		.mobmenu-content #mobmenuleft .sub-menu a {
		color: #ffffff ;
	}
	.mobmenu-content #mobmenuright .sub-menu  a {
		color: #0a0101 ;
	}
	.mobmenu-content #mobmenuright .sub-menu .sub-menu {
		background-color: inherit;
	}
	.mobmenu-content #mobmenuright .sub-menu {
		background-color: rgba(255,255,255,0.75) ;
		margin: 0;
		color: #0a0101 ;
		position: initial;
		width: 100%;
	}
	#mobmenuleft li:hover a, #mobmenuleft li:hover i {
		color: #f7f7f7;
	}
	#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
		color: #0a0a0a ;
	}
	#mobmenuright li a:hover {
		color: #f24e7f ;
	}
	.mobmenul-container {
		top: 12px;
		margin-left: 9px;
		margin-top: 0px;
		height: 58px;
		float: left;
	}
	.mobmenur-container {
		top: 14px;
		margin-right: 17px;
		margin-top: 0px;
	}
		.mob-menu-logo-holder {
		margin-top:   0px;
		text-align:   center;
		margin-left:  0;
		margin-right: 0;
		height:       58px;
			}
	.mob-menu-header-holder {
		width:  100% ;
		background-color: #ffffff ;
		height: 58px ;
		position:fixed;
	}
	body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
		padding-top: 58px;
	}
		.mobmenul-container, .mobmenur-container{
		position: absolute; 
	}
	.mobmenu-left-panel {
		background-color:#38404c;;
		width:  278px;  
	}
	.mobmenu-right-panel {
		background-color:rgba(255,255,255,0.65);		width:  90%; 
	}
	.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
		background: rgba(255,255,255,0.83);
	}
	.mob-menu-slideout-top .mobmenu-overlay {
		display:none!important;
	}
	.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
		-webkit-transform: translateX(278px);
		-moz-transform: translateX(278px);
		-ms-transform: translateX(278px);
		-o-transform: translateX(278px);
		transform: translateX(278px);
	}
	.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
		-webkit-transform: translateX(-90%);
		-moz-transform: translateX(-90%);
		-ms-transform: translateX(-90%);
		-o-transform: translateX(-90%);
		transform: translateX(-90%);
	}
	.mob-menu-slideout-top .mobmenu-panel {
		width:  100%;
		height: 100%;
		z-index: 1;
		position: fixed;
		left: 0px;
		top: 0px;
		max-height: 100%;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		z-index: 300000;
	}
	.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
		overflow: hidden;
	}
	.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
		z-index: 300000;
	}
	/* Hides everything pushed outside of it */
	.mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
		position: fixed;
		top: 0;
		height: 100%;
		overflow-y: auto;
		overflow-x: auto;
		z-index: 10000;
		opacity: 1;
	}
	/*End of Mobmenu Slide Over */
	.mobmenu .headertext { 
		color: #e8e8e8 ;
		text-decoration: none;
	}
	.headertext span {
		position: initial;
		line-height: 58px;
	}
	.mobmenu-search-holder {
		top: 58px;
	}
	/*Premium options  */
	
	/* Mobile Menu Frontend CSS Style*/
	body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
		overflow-x: hidden;
	}
	
	.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
		padding-left: 20%;
		padding-right: 20%;
	}
	.mobmenu-content li > .sub-menu li {
		padding-left: calc(20*1%);
	}

	.mobmenu-right-panel li, .rightmbottom, .rightmtop{
		padding-left: 9%;
		padding-right: 9%;
	}
	.mobmenul-container i {
		line-height: 30px;
		font-size: 30px;
		float: left;
	}
	.mobmenul-container svg {
			width: 30px;
	        margin-right: .2em;
	        margin-left: .2em;
			padding-top: 2px;
			float:left;
	}
	.show-panel svg.mob-cancel-button {
		width: 25px;
		padding: 4px;
        margin: 6px;
	}
	

	.left-menu-icon-text {
		float: left;
		line-height: 30px;
		color: #ffffff;
	}
	.mobmenu-left-panel .mobmenu-display-name {
		color: #efefef;
	}
	.right-menu-icon-text {
		float: right;
		line-height: 20px;
		color: #777777;
	}
	.mobmenur-container i {
		line-height: 20px;
		font-size: 20px;
		float: right;
	}
	.mobmenur-container svg {
			width: 20px;
	        margin-right: .2em;
	        margin-left: .2em;
			padding-top: 2px;
			float: left;
	}
	.main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
		display: none!important;
	}
	
	.mob-standard-logo {
		display: inline-block;
		height:35px!important;	}
	.mob-retina-logo {
		height:35px!important;	}
	.mobmenu-content #mobmenuleft > li > a:hover {
		background-color: #5e7dce;
	}

	.mobmenu-content #mobmenuright > li > a:hover {
		background-color: rgba(255,255,255,0.68);
	}
	.mobmenu-left-panel .mob-cancel-button {
		color: #fff;
	}
	.mobmenu-right-panel .mob-cancel-button {
		color: #ff0000;
	}	
	
}


.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
	font-family:Montserrat;
	font-size:16px;
	font-weight:inherit;
	font-style:normal;
	letter-spacing:normal;
	text-transform:none;
}

.left-menu-icon-text {
	font-family:Montserrat;
	font-size:12px;
	font-weight:lighter;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
	font-family:Montserrat;
	font-size:12px;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:1px;
	text-transform:none;
}

.right-menu-icon-text {
	font-family:Montserrat;
	font-size:12px;
	font-weight:inherit;
	font-style:normal;
	line-height:1.8em;
	letter-spacing:normal;
	text-transform:none;
}

#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
	font-family:Montserrat;
	font-size:13px;
	font-weight:inherit;
	font-style:normal;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:none;
}

/* =========================
   PLEASY MOBILE MENU REFRESH
   ========================= */

@media (max-width: 1024px) {

  .mobmenu-overlay,
  .mobmenu-overlay-bg,
  .mob-menu-overlay,
  .mobmenu-panel-overlay {
    background: rgba(10, 12, 18, 0.42) !important;
    backdrop-filter: blur(8px);
  }

  .mobmenu-right-panel,
  .mobmenu-left-panel {
    width: min(92vw, 410px) !important;
    max-width: 410px !important;
  }

  .mobmenu-right-panel .mobmenu-content,
  .mobmenu-left-panel .mobmenu-content,
  .mobmenu-content.mobmenu-right-aligned,
  .mobmenu-content.mobmenu-left-aligned {
    --pm-bg: var(--pm-brand-bg, #111318);
    --pm-surface: rgba(255,255,255,.055);
    --pm-surface-strong: rgba(255,255,255,.09);
    --pm-border: rgba(255,255,255,.10);
    --pm-text: var(--pm-brand-fg, #ffffff);
    --pm-muted: rgba(255,255,255,.72);
    --pm-accent: var(--pm-accent, #d49c88);
    --pm-accent-contrast: var(--pm-accent-contrast, #111318);

    background:
      radial-gradient(circle at top right, rgba(212,156,136,.16), transparent 34%),
      linear-gradient(180deg, rgba(17,19,24,.98), rgba(13,15,20,.98)) !important;
    color: var(--pm-text) !important;
    box-shadow: -20px 0 50px rgba(0,0,0,.22);
    border-left: 1px solid rgba(255,255,255,.06);
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    overflow: hidden !important;
  }

  .mobmenu-header-holder,
  .mobmenu-header,
  .mobmenu-topbar {
    position: sticky;
    top: 0;
    z-index: 30;
    padding: 16px 18px !important;
    background: linear-gradient(180deg, rgba(17,19,24,.94), rgba(17,19,24,.76)) !important;
    border-bottom: 1px solid var(--pm-border);
    backdrop-filter: blur(14px);
  }

  .mobmenu-content .menuu-telefon-container,
  .mobmenu-content .mobmenu-items,
  .mobmenu-content #resp-menu,
  .mobmenu-content ul.mobmenu,
  .mobmenu-content ul.mobile-menu {
    flex: 1 1 auto;
    overflow-y: auto;
    margin: 0 !important;
    padding: 14px 14px 0 !important;
    scrollbar-width: thin;
  }

  .mobmenu-content #resp-menu > li,
  .mobmenu-content ul.mobmenu > li,
  .mobmenu-content ul.mobile-menu > li {
    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  .mobmenu-content #resp-menu > li > a,
  .mobmenu-content ul.mobmenu > li > a,
  .mobmenu-content ul.mobile-menu > li > a {
    min-height: 58px;
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-radius: 18px;
    color: var(--pm-text) !important;
    background: var(--pm-surface);
    border: 1px solid var(--pm-border);
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.25;
    letter-spacing: .01em;
    backdrop-filter: blur(10px);
    transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
  }

  .mobmenu-content #resp-menu > li > a:hover,
  .mobmenu-content #resp-menu > li > a:focus,
  .mobmenu-content ul.mobmenu > li > a:hover,
  .mobmenu-content ul.mobile-menu > li > a:hover {
    transform: translateX(4px);
    background: var(--pm-surface-strong);
    border-color: rgba(212,156,136,.34);
    box-shadow: 0 10px 20px rgba(0,0,0,.16);
  }

  .mobmenu-content li.current-menu-item > a,
  .mobmenu-content li.current_page_item > a,
  .mobmenu-content li.pleasy-open > a {
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
    border-color: rgba(212,156,136,.45);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
  }

  .mobmenu-content ul ul {
    margin: 10px 0 2px 10px !important;
    padding: 0 0 0 14px !important;
    border-left: 1px solid rgba(212,156,136,.22);
  }

  .mobmenu-content ul ul li {
    margin: 0 0 8px !important;
  }

  .mobmenu-content ul ul a {
    min-height: 44px;
    padding: 12px 14px !important;
    border-radius: 14px;
    display: flex !important;
    align-items: center;
    color: var(--pm-muted) !important;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.05);
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
  }

  .mobmenu-content ul ul a:hover,
  .mobmenu-content ul ul a:focus {
    transform: translateX(3px);
    color: var(--pm-text) !important;
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.10);
  }

  .mobmenu-content .open-icon,
  .mobmenu-content .close-icon,
  .mobmenu-content .mob-expand-submenu,
  .mobmenu-content .mobmenu-expand {
    width: 36px;
    min-width: 36px;
    height: 36px;
    display: grid !important;
    place-items: center;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--pm-border);
    transition: transform .18s ease, background .18s ease;
  }

  .mobmenu-content .open-icon:hover,
  .mobmenu-content .close-icon:hover,
  .mobmenu-content .mob-expand-submenu:hover,
  .mobmenu-content .mobmenu-expand:hover {
    transform: scale(1.06);
    background: rgba(255,255,255,.10);
  }

  .mobmenu-content .mob-cancel-button,
  .mobmenu-content .mobmenu-close,
  .mobmenu-content .mobmenu-close-button {
    width: 42px;
    height: 42px;
    display: grid !important;
    place-items: center;
    border-radius: 999px;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid var(--pm-border) !important;
    box-shadow: none !important;
  }

  .mobmenu-content li.pleasy-empty-item {
    display: none !important;
  }

  .pleasy-menu-extras {
    margin-top: auto;
    padding: 18px 14px calc(16px + env(safe-area-inset-bottom, 0px));
  }

  .pleasy-menu-panel {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    padding: 16px;
    border: 1px solid var(--pm-border);
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  }

  .pleasy-menu-panel::before {
    content: "";
    position: absolute;
    inset: auto -20% -35% auto;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212,156,136,.35), transparent 70%);
    pointer-events: none;
    filter: blur(10px);
  }

  .pleasy-menu-eyebrow {
    position: relative;
    z-index: 1;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--pm-accent);
  }

  .pleasy-menu-title {
    position: relative;
    z-index: 1;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--pm-text);
  }

  .pleasy-menu-copy {
    position: relative;
    z-index: 1;
    margin-bottom: 14px;
    font-size: 13px;
    line-height: 1.55;
    color: var(--pm-muted);
  }

  .pleasy-menu-badges {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 14px;
  }

  .pleasy-badge {
    min-height: 86px;
    padding: 12px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    border-radius: 16px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.06);
  }

  .pleasy-badge strong {
    font-size: 11px;
    letter-spacing: .14em;
    color: var(--pm-accent);
  }

  .pleasy-badge span {
    font-size: 12px;
    line-height: 1.35;
    color: var(--pm-text);
  }

  .pleasy-quick-links {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .pleasy-quick-links a {
    padding: 10px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    color: var(--pm-text) !important;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
  }

  .pleasy-quick-links a:hover,
  .pleasy-quick-links a:focus {
    transform: translateY(-1px);
    background: rgba(255,255,255,.10);
    border-color: rgba(212,156,136,.34);
  }
}