/**********************************************************************/
/*** HEADER ***********************************************************/
/**********************************************************************/

header {
	position: sticky;
	z-index: 1000;
	top: 0;
}

/*** InfoBar ***/

.elementor.elementor-9418, .elementor.elementor-9413 {
	p {
		padding: 1rem 0;
	}
	@media (max-width: 768px) {
		p {
			padding: 0.8rem 0;
			overflow-x: auto;
			overflow-y: hidden;
			white-space: nowrap;
		}
	}
}

/** Infobar ausblenden im Blog **/

body {
	&.blog, &.page-id-939, &.page-id-941, &.page-id-943, &.page-id-945, &.page-id-947, &.page-id-949, &.page-id-951,
	&.page-id-2751, &.page-id-2758, &.page-id-2763, &.page-id-2768, &.page-id-2774, &.page-id-2780, &.page-id-2785,
	&.wp-singular.single.single-post {
		.elementor.elementor-9418, .elementor.elementor-9413 {
			display: none;
		}
	}
}

/*** TopBar ***/

header .header-top-bar {
	
	.link-productinformation {
		line-height: 1;
		svg {
			width: 1.875rem;
			height: auto;
		}
	}
}

/** Blog Nav **/

.topbar-blog-nav {
	ul {
		padding: 0;
		li {
			display: inline-block;
			margin: 0 0 0 1rem;
			a {
				font-weight: 400;
			}
		}
	}
}

/**  LanguageSwitch **/

.language-switcher {
	position: relative;
	width: 12.5rem;
	
	.e-con-inner {
		padding: 0;
	}
	
	.lang-btn {
		background: none;
		color: var(--black);
		font-weight: 400;
		padding: 0 1.25rem 0 0;
		position: relative;
		font-size: 1rem;
		width: 100%;
		border: none;
		line-height: 1;
		height: 1.5625rem;
		display: flex;
		align-items: center;
		justify-content: center;
		.txt {
			margin-right: 0.625rem;
		}
		.icon {
			width: 1.875rem;
			display: inline-block;
			img {
				display: block;
			}
		}
		&::after {
			content: "\f078";
			font-family: "Font Awesome 6 Pro";
			position: absolute;
			color: inherit;
			font-weight: 400;
			font-size: 1rem;
			top: 0.1875rem;
			right: 0;
		}
		&:hover, &:active, &:focus {
			color: var(--black);
		}
	}
	.lang-list {
		display: none;
		background: #fff;
		box-shadow: 0 0.625rem 1.25rem rgba(21,21,21,.25);
		width: 100%;
		position: absolute;
		margin-top: 0.3125rem;
		
		.e-con-inner {
			padding: 0;
		}
		
		nav {
			ul.elementor-nav-menu {
				li.menu-item {
					a.elementor-item {
						position: relative;
						padding: 0.625rem 1.25rem 0.625rem 3.75rem;
					}
					
					/* Flags */
					
					a[lang="de-DE"]::before {
						content: '';
						width: 1.875rem;
						height: 1.25rem;
						position: absolute;
						top: 0.625rem;
						left: 1.25rem;
						background: url('/wp-content/themes/pjur-theme/assets/img/flags/de_DE.png') no-repeat center/cover;
						transition: none;
						opacity: 1;
					}
					a[lang="en-GB"]::before {
						content: '';
						width: 1.875rem;
						height: 1.25rem;
						position: absolute;
						top: 0.625rem;
						left: 1.25rem;
						background: url('/wp-content/themes/pjur-theme/assets/img/flags/en_GB.png') no-repeat center/cover;
						transition: none;
						opacity: 1;
					}
				}
				
				li.menu-item.menu-item-972,
				li.menu-item.menu-item-8612{
					a.elementor-item::before {
						content: '';
						width: 1.875rem;
						height: 1.25rem;
						position: absolute;
						top: 0.625rem;
						left: 1.25rem;
						background: url('/wp-content/themes/pjur-theme/assets/img/flags/gb.png') no-repeat center/cover;
						transition: none;
						opacity: 1;
					}
				}
				li.menu-item.menu-item-973,
				li.menu-item.menu-item-8613{
					a.elementor-item::before {
						content: '';
						width: 1.875rem;
						height: 1.25rem;
						position: absolute;
						top: 0.625rem;
						left: 1.25rem;
						background: url('/wp-content/themes/pjur-theme/assets/img/flags/us.png') no-repeat center/cover;
						transition: none;
						opacity: 1;
					}
				}
			}
		}
	}
}

/*** MainBar ***/

header .header-main-bar {
	
}

/** Search Bar **/

#header-search-bar {
	.dgwt-wcas-search-input {
		font-family: "Proxima Nova", sans-serif !important;
		font-weight: 400 !important;
		border-radius: 0 !important;
		border: 0.0625rem solid var(--white);
		background: var(--white);
		padding: 1rem 3rem 1rem 1rem;
		line-height: 1.3;
		&:focus {
			border-color: var(--black);
		}
		&::placeholder {
			font-family: "Proxima Nova", sans-serif !important;
			font-weight: 400;
			color: #777;
			font-size: 1rem;
			opacity: 1;
		}
	}
	.dgwt-wcas-search-submit {
		left: auto;
		right: 1.75rem;
	}
	
	.dgwt-wcas-search-wrapp.dgwt-wcas-has-submit.woocommerce.dgwt-wcas-style-pirx.js-dgwt-wcas-layout-icon-flexible.dgwt-wcas-layout-icon-flexible.js-dgwt-wcas-mobile-overlay-enabled.dgwt-wcas-layout-icon-flexible-loaded.dgwt-wcas-suggestions-wrapp-initialized {
		margin: 0;
	}
}

.js-dgwt-wcas-overlay-mobile.dgwt-wcas-overlay-mobile {
	padding: 2.5rem;
	
	.dgwt-wcas-sf-wrapp {
		padding-right: 0 !important;
	}
	
	#dgwt-wcas-search-input-1 {
		font-family: "Proxima Nova", sans-serif;
		background: var(--white);
		padding: 1rem;
		height: auto !important;
		border: 0.0625rem solid var(--white);
		&:focus {
			border-color: var(--black);
		}
		&::placeholder {
			font-family: "Proxima Nova", sans-serif;
			font-weight: 400;
			color: #777;
			font-size: 1rem;
			opacity: 1;
		}
	}
	
	.dgwt-wcas-om-bar button.dgwt-wcas-om-return,
	.dgwt-wcas-om-bar button.dgwt-wcas-om-return:active,
	.dgwt-wcas-om-bar button.dgwt-wcas-om-return:focus,
	.dgwt-wcas-om-bar button.dgwt-wcas-om-return:hover {
		height: 3.625rem;
	}
	
	.dgwt-wcas-om-return.js-dgwt-wcas-om-return svg {
		top: 1.375rem !important;
		left: 0.9375rem !important;
	}
	
	.dgwt-wcas-suggestions-wrapp {
		top: 6.25rem !important;
		border-top: none !important;
	}
}

#header-blog-search-bar {
	width: 100%;
	max-width: 36.25rem;
	padding: 0.625rem;
	form {
		position: relative;
	}
	input[type="search"] {
		font-family: "Proxima Nova", sans-serif;
		font-size: 1rem;
		font-weight: 400;
		border: 0.0625rem solid var(--white);
		&:focus {
			border-color: var(--black);
		}
	}
	input[type="search"]::placeholder {
		font-family: "Proxima Nova", sans-serif;
		font-size: 1rem;
		font-weight: 400;
		opacity: 1;
		color: #777;
	}
	button[type="submit"] {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		height: 100%;
		width: 3.625rem;
		svg {
			display: none;
		}
		&::after {
			content: '\f002';
			font-family: "Font Awesome 6 Pro";
			position: absolute;
			top: 0;
			left: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 100%;
			color: var(--black);
		}
	}
}

/** Shop Links **/

.shop-links-container {
	height: 100%;
	line-height: 1;
	right: -1.5625rem;
	margin: 0.9375rem 0 0 0;
	
	/* Account */
	#account-link {
		a {
			display: flex;
			flex-wrap: wrap;
			padding: 10px;
			align-items: center;
			font-weight: 700;
		}
		svg {
			width: 1.5rem;
			height: auto;
			margin-right: 1rem;
		}
	}

	/* Wishlist */
	#wishlist-link {
		margin: 0 2rem;
		
		 a {
			width: 44px;
			height: 44px;
			display: flex;
			justify-content: center;
			 align-items: center;
			 i {
				 font-weight: 300;
				 font-size: 1.5rem;
			 }
			 .alg-wc-wl-counter.is-hidden {
				 
			 }
			 .alg-wc-wl-counter {
				 
				 background: var(--error);
				 width: 1.25rem;
				 height: 1.25rem;
				 font-size: 0.625rem;
				 font-weight: 500;
				 top: -0.0625rem;
				 right: -0.0625rem;
				 line-height: 1;
				 display: flex;
				 justify-content: center;
				 align-items: center;
				 align-content: center;
				 letter-spacing: 0;
				 padding: 0;
				 
				 display: none;
			 }
			svg {
				width: 1.5rem;
				height: 1.5rem;
				display: block;
			}
		}
	}
	
	/* Cart */
	#cart-link {
		display: inline-block;
		width: 44px;
		height: 44px;
		position: relative;
		background: url('/wp-content/themes/pjur-theme/assets/img/icons/icon-cart.svg') no-repeat center/1.5rem auto;
		.cart-count {
			background: var(--error);
			color: var(--white);
			font-weight: 500;
			font-size: 0.625rem;
			border-radius: 100%;
			position: absolute;
			top: -0.0625rem;
			right: -0.0625rem;
			width: 1.25rem;
			height: 1.25rem;
			line-height: 1;
			display: flex;
			justify-content: center;
			align-items: center;
			align-content: center;
		}
	}

}

/** Menu DSK **/

#main-menu-dsk {
	nav {
		ul.elementor-nav-menu {
			li.menu-item {
				a.elementor-item {
					position: relative;
					&::after {
						content: '';
						width: 0;
						height: 0.125rem;
						background: var(--black);
						opacity: 1;
						position: absolute;
						left: 0;
						bottom: 0;
						transition: width 0.3s;
					}
					&:hover {
						&::after {
							width: 100%;
						}
					}
					&.elementor-item-active {
						&::after {
							width: 100%;
							background: var(--lightgray);
						}
					}
					
					span.sub-arrow {
						padding: 0;
						width: 1rem;
						height: 1rem;
						margin: 0 0 0 0.3125rem;
						svg {
							display: none;
						}
						&::after {
							content: "\f078";
							font-family: "Font Awesome 6 Pro";
							position: absolute;
							color: inherit;
							font-weight: 400;
							font-size: 1rem;
						}
					}
				}
				
				ul.sub-menu {
					padding: 1rem 1.5rem 1rem 1.5rem;
					width: 20rem !important;
					min-width: 20rem !important;
					max-width: 20rem !important;
					li.menu-item {
						a.elementor-sub-item {
							border-inline-start: none;
							position: relative;
							white-space: normal;
							display: block;
							&::after {
								content: '';
								width: 0;
								height: 0.125rem;
								background: var(--black);
								opacity: 1;
								position: absolute;
								left: 0;
								bottom: 0;
								transition: width 0.3s;
							}
							&:hover {
								&::after {
									width: 100%;
								}
							}
							&.elementor-item-active {
								&::after {
									width: 100%;
									background: var(--lightgray);
								}
							}
						}
					}
				}
				
				span.scroll-up {
					span.scroll-up-arrow {
						border: 0.25rem dashed transparent;
						border-bottom: 0.25rem solid var(--black);
					}
				}
				span.scroll-down {
					span.scroll-down-arrow {
						border: 0.25rem dashed transparent;
						border-color: var(--black) transparent transparent;
					}
				}
			}
			
			li.menu-item.mobile-only {
				display: none;
			}
		}
	}
}

/** Menu MBL **/

/* Mobile Btn */

#mbl-menu-btn {
	width: 32px;
	height: 32px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	padding: 0 2px;
	cursor: pointer;
	span {
		height: 3px;
		width: 100%;
		background: var(--black);
		border-radius: 2px;
		margin: 2px 0;
		display: block;
	}
}

/* Mobile Menu */

#mobile-menu {
	display: none;
    position: fixed;
    top: 0; 
	right: -100%;
    width: 100%;
	height: 100%;
	background: var(--yellow);
	background: linear-gradient(82deg, #FFEE57 0%, #F8B9A7 100%);
	z-index: 1100;
	max-width: 400px;
	transition: right 0.5s;
	
	&.open {
		right: 0;
	}
	
	.inner {
		padding: 1.5625rem;
		height: 100%;
		overflow-y: auto;
		
		.primary-menu-container, .blog-menu-container {
			ul {
				padding: 0;
				margin: 0;
				li {
					list-style: none;
					position: relative;
					border-bottom: 0.125rem solid var(--black);
					a {
						font-weight: 700;
						color: var(--black);
						position: relative;
						font-size: 1.5rem;
						padding: 1rem 3.5rem 1rem 0;
						display: block;
						line-height: 1em;
					}
					button.open-sub-menu {
						background: none;
						border: none;
						cursor: pointer;
						padding: 0;
						color: var(--black);
						position: absolute;
						top: 0;
						right: 0;
						height: 3.625rem;
						width: 3.625rem;
						display: flex;
						justify-content: center;
						align-items: center;
						&::after {
							content: '\f078';
							font-family: "Font Awesome 6 Pro";
							transition: transform 0.3s;
						}
					}
					button.open-sub-menu[aria-expanded="true"] {
						&::after {
							transform: rotate(180deg);
						}
					}
				}
				
				.sub-menu {
					display: none;
					padding-bottom: 1.125rem;
					li {
						border-bottom: none;
						a {
							font-size: 1rem;
							font-weight: 600;
							padding: 0.5rem 0;
						}
					}
				}
			}
		}
	}
}

.overlay-menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
	z-index: 1099;
}

.close-container {
	position: relative;
	width: 100%;
	height: 32px;
	margin-bottom: 25px;
}

#close-menu {
	width: 32px;
	height: 32px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	padding: 0 2px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	span {
		height: 3px;
		width: 100%;
		background: var(--black);
		border-radius: 2px;
		margin: 2px 0;
		position: absolute;
		&:nth-child(1) {
			transform: translateY(7px) rotate(45deg);
			top: 7px;
		}
		&:nth-child(2) {
			transform: translateY(-7px) rotate(-45deg);
			top: 21px;
		}
	}
}

/** Short Links (Icon, Mobile Only) **/
#mobile-menu {
	ul#menu-primary-menu-en, ul#menu-primary-menu-de {
		
		li.menu-item.menu-item-2874,
		li.menu-item.menu-item-2875,
		li.menu-item.menu-item-7429,
		li.menu-item.menu-item-2871,
		li.menu-item.menu-item-2872,
		li.menu-item.menu-item-2873{
			border-bottom: none;
		}
		
		/* Wishlist */
		li.menu-item.menu-item-2874 a,
		li.menu-item.menu-item-2871 a{
			font-weight: 500;
			font-size: 1.125rem;
			display: flex;
			flex-wrap: wrap;
			align-content: center;
			align-items: center;
			margin-top: 50px;
			padding: 0.8rem 0;
			&::before {
				content: '';
				display: inline-block;
				width: 22px;
				height: 22px;
				background: url('https://pjurcom-relaunch.entwurfsansicht.de/wp-content/themes/pjur-theme/assets/img/icons/icon-heart.svg') no-repeat center/contain;
				margin-right: 1rem;
			}
		}
		/* Cart */
		li.menu-item.menu-item-2875 a,
		li.menu-item.menu-item-2872 a{
			font-weight: 500;
			font-size: 1.125rem;
			display: flex;
			flex-wrap: wrap;
			align-content: center;
			align-items: center;
			padding: 0.8rem 0;
			&::before {
				content: '';
				display: inline-block;
				width: 22px;
				height: 22px;
				background: url('https://pjurcom-relaunch.entwurfsansicht.de/wp-content/themes/pjur-theme/assets/img/icons/icon-cart.svg') no-repeat center/contain;
				margin-right: 1rem;
			}
		}
		/* My account */
		li.menu-item.menu-item-7429 a,
		li.menu-item.menu-item-2873 a{
			font-weight: 500;
			font-size: 1.125rem;
			display: flex;
			flex-wrap: wrap;
			align-content: center;
			align-items: center;
			padding: 0.8rem 0;
			&::before {
				content: '';
				display: inline-block;
				width: 22px;
				height: 22px;
				background: url('https://pjurcom-relaunch.entwurfsansicht.de/wp-content/themes/pjur-theme/assets/img/icons/icon-user.svg') no-repeat center/contain;
				margin-right: 1rem;
			}
		}
	}
}

/**********************************************************************/
/*** CONTENT **********************************************************/
/**********************************************************************/

/*** Breadcrump ***/

.elementor-widget-breadcrumbs {
	font-size: 0.875rem;
	a {
		font-weight: 600;
		margin: 0 1rem 0 0;
	}
}

/**********************************************************************/
/*** FOOTER ***********************************************************/
/**********************************************************************/

/*** Newsletter ***/

#mc_embed_shell.newsletter-footer {
	form#mc-embedded-subscribe-form {
		margin: 0 !important;
		#mc_embed_signup_scroll {
			position: relative;
		}
		
		label {
			font-size: 1rem;
			position: absolute;
			left: 0.75rem;
			top: 1.125rem;
			font-weight: 400;
			font-size: 1rem;
			background: none;
			line-height: 1;
			padding: 0.1875rem 0.3125rem 0.3125rem 0.3125rem;
			z-index: 2;
			transition: all 0.3s;
		}

		input {
			font-family: "Proxima Nova", sans-serif;
			position: relative;
		}
		
		input[type="email"] {
			width: 100% !important;
			background: var(--white) !important;
			color: var(--black) !important;
			font-weight: 400 !important;
			padding: 1rem !important;
			font-size: 1rem !important;
			border: 0.0625rem solid var(--white) !important;
			outline: none !important;
			color: var(--black)!important;
			transition: none !important;
			line-height: 1.6 !important;
			border-radius: 0 !important;
			text-indent: 0 !important;
			&.mce_inline_error {
				border-color: var(--error) !important;
			}
			&:focus {
				border-color: var(--violet) !important;
			}
			&::placeholder {
				opacity: 0 !important;
			}
		}
		input[type="submit"] {
			margin: 0 !important;
			padding: 0 !important;
			width: 59.6px !important;
			height: 59.6px !important;
			border-radius: 0 !important;
			background: none !important;
			&:hover, &:focus {
				background: var(--black) !important;
			}
		}
		
		.mc-field-group {
			position: relative !important;
			width: 100% !important;
			padding-bottom: 0 !important;
		}
		
		.submit-row {
			position: absolute;
			top: 0;
			right: 0;
			&::after {
				content: '\f178';
				font-family: "Font Awesome 6 Pro";
				position: absolute;
				top: 0;
				right: 0;
				width: 100%;
				height: 100%;
				color: var(--black);
				display: flex;
				justify-content: center;
				align-items: center;
				line-height: 1;
				pointer-events: none;
			}
			&:hover, &:focus-within {
				&::after {
					color: var(--white);
				}
			}
		}
		
		.mce_inline_error {
			background: none !important;
			padding: 0.3125rem 0 0 0 !important;
			margin: 0 !important;
			color: var(--ftr-error) !important;
		}
		
		#mce-responses {
			margin: 0 !important;
			padding: 0 !important;
			float: none !important;
			width: 100% !important;
			& .response {
				margin: 1rem 0 0 0 !important;
				padding: 0 !important;
				font-weight: 400 !important;
				float: none !important;
				width: 100% !important;
				font-size: 0.875rem;
			}
			& #mce-error-response {
				color: var(--ftr-error) !important;
			}
			& #mce-success-response {
				color: var(--ftr-success) !important;
			}
		}
	}
}


/*** Vorteile ***/

.elementor-element.elementor-element-156c750 > .e-con-inner {
	padding-left: 0;
	padding-right: 0;
}

.list-benefits {
	ul {
		padding: 1rem 1.5625rem;
		margin: 0;
		display: flex;
		justify-content: space-between;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		li {
			list-style: none;
			display: flex;
			position: relative;
			padding: 0 1.25rem 0 0;
			margin: 0;
			letter-spacing: 0.01rem;
			&::before {
				content: '';
				width: 1.5rem;
				height: 1.5rem;
				display: inline-block;
				margin-right: 0.9375rem;
				background: url('/wp-content/themes/pjur-theme/assets/img/circle-check-solid.svg') no-repeat center/contain;
			}
		}
	}
}

/** Footer Phone **/

.footer-phone {
	a {
		font-weight: 700;
		text-decoration: none;
	}
}

/** Footer Menü **/

.footer-nav-container {
	nav {
		ul {
			display: block;
			a {
				display: inline-block;
				&:hover {
					text-decoration: underline !important;
				}
			}
		}
	}
}

.footer-blog-nav {
	nav {
		ul {
			display: block;
			margin: 0;
			padding: 0;
			text-align: center;
			li {
				display: inline-block;
				list-style: none;
				margin: 0 1rem;
			}
		}
	}
}

.footer-nav-accordeon {
	.e-n-accordion {
		.e-n-accordion-item {
			.e-n-accordion-item-title {
				.e-n-accordion-item-title-icon {
					width: 1rem;
					height: 1rem;
					position: relative;
					.e-opened, .e-closed {
						svg {
							display: none;
						}
						&::after {
							content: "\f078";
							font-family: "Font Awesome 6 Pro";
							position: absolute;
							color: inherit;
							font-weight: 400;
							font-size: 1rem;
							top: 0;
							right: 0;
							line-height: 1;
							margin-top: -0.1875rem;
						}
					}
				}
			}
		}
	}
}

/** Social Links **/

.social-links {
	display: flex;
	flex-wrap: wrap;

	.social-link {
		display: inline-block;
		width: 1.875rem;
		height: 1.875rem;
		border-radius: 100%;
		background: var(--black);
		position: relative;
		margin-right: 1.5rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		
		&:last-child {
			margin-right: 0;
		}
		
		svg {
			width: 1rem;
			.tiktok & {
				width: 0.875rem;
			}
			.instagram & {
				width: 0.875rem;
			}
			path {
				fill: var(--white);
				transition: all 0.3s;
			}
		}
		
		&:hover {
			background: var(--yellow);
			svg {
				path {
					fill: var(--black);
				}
			}
		}
	}
	
	&.footer-blog {
		.social-link {
			background: var(--white);

			svg {
				path {
					fill: var(--black);
				}
			}

			&:hover {
				background: var(--yellow);
				svg {
					path {
						fill: var(--black);
					}
				}
			}
		}
	}
}

/**********************************************************************/
/*** RESPONSIVE *******************************************************/
/**********************************************************************/

@media (max-width: 1024px) {
	
	/*** MainBar ***/
	
	/** Shop Links **/
	
	.shop-links-container {
		right: -1.125rem;
		margin: 0.9375rem 0 0 0;

		/* Account */
		#account-link {
			span {
				display: none;
			}
			svg {
				margin-right: 0;
			}
		}

		/* Wishlist */
		#wishlist-link {
			margin: 0 1rem;
			 a {
				display: inline-block;
				padding: 0.625rem;
				svg {
					width: 1.5rem;
					height: 1.5rem;
					display: block;
				}
			}
		}

		/* Cart */
		#cart-link {
			padding: 0.625rem;
		}
	}
	
	/** Menu MBL **/

	/* Mobile Btn */
	
	#mbl-menu-btn {
		margin-left: 1rem;
		margin-top: 0.3125rem;
	}
	
}

@media (max-width: 992px) {
	
	/*** MainBar ***/
	
	#header-search-bar {
		.elementor-widget-container {
			text-align: right;
			padding-top: 15px;
			padding-right: 1rem;
		}
		.dgwt-wcas-search-wrapp {
			display: inline-block;
			text-align: right;
			max-width: 44px;
			.dgwt-wcas-search-icon {
				width: 44px;
				height: 46px;
				font-weight: 400;
				padding: 10px;
				svg {
					display: none;
				}
				&::after {
					content: '\f002';
					font-family: "Font Awesome 6 Pro";
					position: absolute;
					top: 0;
					right: 0;
					font-size: 18px;
					width: 100%;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					color: var(--black);
				}
			}
		}
	}
	
	#header-search-bar {
		width: calc(100% - 13rem);
	}
	
	.shop-links-container {
		width: 13rem;
		right: auto;
	}
}

@media (max-width: 768px) {
	
	/*** TopBar ***/
	
	/**  LanguageSwitch **/
	
	.language-switcher {
		position: relative;
		width: 12.5rem;
		.lang-btn {
			width: 70px;
			.txt {
				display: none;
			}
			.icon {
				
			}
		}
	}
	
	
}
@media (max-width: 480px) {

}

@media (max-width: 420px) {
	
	#header-search-bar {
		display: none;
	}
	
	.shop-links-container {
		width: 100%;
	}
	
}