/* ### BASE ### */
::selection { background: var(--primary); color: var(--white); }
::-moz-selection { background: var(--primary); color: var(--white); }
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: var(--off-white); }
::-webkit-scrollbar-thumb { background: #CCC; }
::-webkit-scrollbar-thumb:hover { background: var(--primary); }

:root {
	--primary: #00FF84;
	--primary-rgb: 0, 255, 132;
	--primary-dark: #25D366;
	--primary-dark-rgb: 37, 211, 102;
	--secondary: #002333;
	--secondary-light: #2B485B;
	--border: #3F5965;
	--white: #FFFFFF;
	--off-white: #FAFAFA;
	--light-grey: #DBE0E2;
	--red: #FF0000;
	--order-bg: #F8FAFB;
	--order-border: #C1D5DC;
}

b, strong { font-family: 'basier-circle-medium'; }
a { font-family: 'basier-circle-medium'; transition: all .35s ease-out; }
small { display: block; }

@media (max-width: 959px) {
	.flex-direction-reverse-on-mobile { flex-direction: column-reverse; }
}

.uk-nav { padding-top: 0 !important; }

.grecaptcha-badge { visibility: hidden !important; }
/* ### BASE ### */

/* ### TOOLBAR ### */
.tm-toolbar {
	display: block !important;
	background: var(--secondary);
	border-bottom: 1px solid var(--border);
	padding: 0;
}
.tm-toolbar .uk-container > div,
.tm-toolbar .uk-container .uk-grid > div { flex: 0 0 100%; }

.tm-toolbar .toolbar-container { display: grid; grid-template-columns: 60% 40%; }
.tm-toolbar .toolbar-left,
.tm-toolbar .toolbar-right { display: flex; }
.tm-toolbar .toolbar-left { justify-content: flex-start; }
.tm-toolbar .toolbar-right { justify-content: flex-end; }

.tm-toolbar .toolbar-container span,
.tm-toolbar li { display: flex; justify-content: center; align-items: center; gap: 7px; }
.tm-toolbar img { height: 13px; }
.tm-toolbar .toolbar-left > span,
.tm-toolbar .toolbar-right > span { border-left: 1px solid var(--border); padding: 10px 15px; }
.tm-toolbar .toolbar-left > span:last-child,
.tm-toolbar .toolbar-right > span:last-child { border-right: 1px solid var(--border); }
.tm-toolbar .toolbar-container span span,
.tm-toolbar li span {
	position: relative;
	top: .5px;
	font-family: 'basier-circle-bold';
	color: var(--white);
	font-size: 9px;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.tm-toolbar .mobile-view { display: none; }

@media (max-width: 1184px) {
	.tm-toolbar .toolbar-container { display: flex; flex-direction: column; }
	.tm-toolbar .toolbar-left,
	.tm-toolbar .toolbar-right { justify-content: center; }
	.tm-toolbar .toolbar-left { display: grid; grid-template-columns: repeat(4, 1fr); }
	.tm-toolbar .toolbar-right { display: grid; grid-template-columns: repeat(2, 1fr); }
	.tm-toolbar .toolbar-right > span:first-child { padding-left: 0 !important; }
	.tm-toolbar .toolbar-right > span:last-child { padding-right: 0 !important; }
	.tm-toolbar .toolbar-left > span:first-child,
	.tm-toolbar .toolbar-right > span:first-child { border-left: 0; }
	.tm-toolbar .toolbar-left > span:last-child,
	.tm-toolbar .toolbar-right > span:last-child { border-right: 0; }
	.tm-toolbar .toolbar-right > span:first-child { justify-content: flex-start; border-top: 1px solid var(--border); }
	.tm-toolbar .toolbar-right > span:last-child { justify-content: flex-end; border-top: 1px solid var(--border); }
	.tm-toolbar .toolbar-right > span { border: 0; }
}
@media (max-width: 959px) {
	.tm-toolbar .uk-container { padding: 0 10px; }
}
@media (max-width: 870px) {
	.tm-toolbar .desktop-view { display: none; }
	.tm-toolbar .mobile-view { display: block; }
	.tm-toolbar .mobile-view li { padding: 10px 15px; }
	.tm-toolbar .mobile-view .uk-slider-items { margin: 0; }
}
@media (max-width: 639px) {
	.tm-toolbar .toolbar-right { display: grid; grid-template-columns: 35% 65%; }
	.tm-toolbar .toolbar-right > span img { max-width: 100%; }
}
@media (max-width: 621px) {
	.tm-toolbar .toolbar-right { display: none; }
}
@media (max-width: 443px) {
	.tm-toolbar .uk-container,
	.tm-toolbar .uk-grid > .uk-first-column { padding: 0; }
	.tm-toolbar .mobile-view .uk-position-relative { width: 100vw; }
	.tm-toolbar .mobile-view li { margin-left: 17.5px; }
}
/* ### TOOLBAR ### */

/* ### NAVIGATION ### */
.uk-navbar-sticky { position:relative; z-index: 999; }
.tm-header .tm-headerbar { background: var(--secondary); padding: 35px 0 20px; }
.tm-header .uk-navbar-container { background: var(--primary); }
.tm-header > div:nth-child(2),
.tm-header-mobile > div:first-child { z-index: 998; }

.uk-navbar-nav li a { gap: 7px; }
.uk-navbar-nav li a .uk-navbar-parent-icon { margin: 0 }
.uk-navbar-nav li a .uk-navbar-parent-icon svg polyline { stroke-width: 1.75; }

.pulse-white a { gap: 5px !important; }
.pulse-white a:after {
    content: '';
    display: inline-block;
    background: var(--white);
    box-shadow: 0 0 0 0 rgb(255 255 255);
    border-radius: 50%;
    height: 7px;
    width: 7px;
    margin: 0 1px 6px;
    transform: scale(1);
    animation: pulse-white 2s infinite;
}
@keyframes pulse-white {
	0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
	75% { transform: scale(1); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0); }
	100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
.pulse-white a .uk-navbar-parent-icon { display: none; }

/* ### DROPDOWN ### */
.uk-navbar-dropdown { padding: 0; }
.uk-navbar-dropdown .uk-nav:not(.tm-header-mobile .uk-nav) { padding: 13px 0 !important; }
.uk-navbar-dropdown .uk-nav li { padding: 7px 25px; }
.uk-navbar-dropdown .uk-nav li a {
	position: relative;
	z-index: 1;
	flex-direction: column;
	align-items: baseline;
	width: fit-content;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(to left, var(--secondary), var(--secondary) 50%, var(--primary) 50%);
	background-size: 200% 100%;
	background-position: 100%;
	transition: all 0.35s ease-in-out;
	padding: 0;
}
.uk-navbar-dropdown .uk-nav li a:focus,
.uk-navbar-dropdown .uk-nav li a:hover { background-position: 0%; }
.uk-navbar-dropdown .uk-nav li.uk-active a {
	color: var(--primary);
	-webkit-background-clip: inherit;
	-webkit-text-fill-color: inherit;
	background-image: var(--primary);
}
.uk-navbar-dropdown .uk-nav li a span { font-family: 'basier-circle-semi-bold'; font-size: 10px; margin-bottom: -1px; }

.uk-navbar-dropdown .uk-nav li.whatsapp a,
.uk-navbar-dropdown .uk-nav li.contact-form a,
.uk-navbar-dropdown .uk-nav li.email a,
.uk-navbar-dropdown .uk-nav li.phone a { display: flex; flex-direction: row; }
.uk-navbar-dropdown .uk-nav li.whatsapp a { gap: 9px; }
.uk-navbar-dropdown .uk-nav li.contact-form a { gap: 7px; }
.uk-navbar-dropdown .uk-nav li.email a { gap: 11px; }
.uk-navbar-dropdown .uk-nav li.phone a { gap: 11px; }
.uk-navbar-dropdown .uk-nav li.whatsapp a:before,
.uk-navbar-dropdown .uk-nav li.contact-form a:before,
.uk-navbar-dropdown .uk-nav li.email a:before,
.uk-navbar-dropdown .uk-nav li.phone a:before {
	content: '';
	position: relative;
    top: 4px;
	display: inline-block;
	min-height: 18px;
	background-repeat: no-repeat;
	background-position: center center;
}
.uk-navbar-dropdown .uk-nav li.whatsapp a:before { background-image: url(/wp-content/uploads/whatsapp.svg); min-width: 18px; }
.uk-navbar-dropdown .uk-nav li.contact-form a:before { background-image: url(/wp-content/uploads/contact-form.svg); min-width: 20px; }
.uk-navbar-dropdown .uk-nav li.email a:before { background-image: url(/wp-content/uploads/email.svg); min-width: 16px; }
.uk-navbar-dropdown .uk-nav li.phone a:before { background-image: url(/wp-content/uploads/phone.svg); min-width: 16px; }
/* ### DROPDOWN ### */
/* ### NAVIGATION ### */

/* ### HEADER ### */
.wpml-ls-legacy-dropdown { width: fit-content; }
.wpml-ls-legacy-dropdown ul li a {
	display: flex;
	align-items: center;
	gap: 7px;
	color: var(--white);
	text-decoration: none;
	height: 40px;
	background: transparent;
	border: 1px solid var(--border);
	padding: 0 12px !important;
	transition: all .35s ease-out;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus > a,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover {
	color: var(--white);
	background: var(--primary);
	border-color: var(--primary);
}
.wpml-ls-legacy-dropdown ul li a:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(/wp-content/uploads/language.svg);
	background-repeat: no-repeat;
	background-position: center center;
}
.wpml-ls-legacy-dropdown ul li a span { font-family: 'basier-circle-medium'; font-size: 14px; }
.wpml-ls-legacy-dropdown ul li a.wpml-ls-item-toggle:after { display: none; }

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	z-index: 1000;
	left: inherit;
	width: 200px;
	border: 0;
	box-shadow: 0 0 22px 0 rgba(18,57,72,.1);
	padding-top: 10px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li { background: var(--white); }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:first-child:before {
	display: block;
	color: var(--secondary);
	font-family: 'basier-circle-semi-bold';
	font-size: 10px;
	padding: 7px 12px 7px;
}
html[lang="de-DE"] .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:first-child:before { content: 'Sprache'; }
html[lang="en-US"] .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:first-child:before { content: 'Language'; }
html[lang="nl-NL"] .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:first-child:before { content: 'Taal'; }
html[lang="fr-FR"] .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:first-child:before { content: 'Langue'; }

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:first-child { padding: 13px 13px 0; }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:nth-child(2) { padding: 0 13px; }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:last-child { padding: 0 13px 13px; }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a {
	color: var(--secondary);
	border: 0;
	background: linear-gradient(to right, var(--primary) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .35s ease-out;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:focus,
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:hover { background-position: left bottom; }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:before {
	filter: brightness(0) saturate(100%) invert(14%) sepia(7%) saturate(7251%) hue-rotate(156deg) brightness(90%) contrast(108%);
}

.tm-header .uk-navbar-left,
.tm-header .uk-navbar-nav { width: 100%; }

.tm-header .uk-navbar-nav li:nth-child(3) { position: relative; right: -12px; margin-left: auto; }

.tm-headerbar .uk-subnav li { padding-left: 10px; }
.tm-headerbar .uk-subnav li a {
	gap: 0;
	height: 40px;
	border: 1px solid var(--border);
	padding: 0 12px;
	transition: all .35s;
}
.tm-headerbar .uk-subnav li.uk-active a,
.tm-headerbar .uk-subnav li a:focus,
.tm-headerbar .uk-subnav li a:hover { background: var(--primary); border-color: var(--primary); transition: all .35s; }
.tm-headerbar .uk-subnav li a .uk-badge {
	position: absolute;
    right: 6px;
    top: 6px;
	color: var(--secondary) !important;
    font-family: 'basier-circle-bold';
    font-size: 9px;
	min-width: 15px;
    height: 15px;
    background: var(--primary);
    padding: 0;
	transition: all .35s;
}
.tm-headerbar .uk-subnav li.uk-active a .uk-badge,
.tm-headerbar .uk-subnav li a:focus .uk-badge,
.tm-headerbar .uk-subnav li a:hover .uk-badge { color: var(--primary) !important; background: var(--secondary); transition: all .35s; }
.tm-headerbar .uk-subnav li a img { height: 18px; }

/* ### DROPDOWN ### */
.uk-dropdown { padding: 0; }
.uk-dropdown .uk-nav li a {
	color: var(--secondary);
	height: 40px;
	border: 0;
	background: linear-gradient(to right, var(--primary) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .35s ease-out;
	padding: 0 12px;
}
.uk-dropdown .uk-nav li a:focus,
.uk-dropdown .uk-nav li a:hover { background-position: left bottom; }
.uk-dropdown .uk-nav li.uk-active a { background: var(--primary); }

.uk-dropdown .uk-nav li:first-child:before {
	display: block;
	color: var(--secondary);
	font-family: 'basier-circle-semi-bold';
	font-size: 10px;
	padding: 20px 12px 7px;
}
html[lang="de-DE"] .uk-dropdown .uk-nav li:first-child:before { content: 'Kontoeinstellungen'; }
html[lang="en-US"] .uk-dropdown .uk-nav li:first-child:before { content: 'Account settings'; }
html[lang="nl-NL"] .uk-dropdown .uk-nav li:first-child:before { content: 'Accountinstellingen'; }
html[lang="fr-FR"] .uk-dropdown .uk-nav li:first-child:before { content: 'Paramètres du compte'; }

.uk-dropdown .uk-nav li:first-child { padding: 0 13px 0; }
.uk-dropdown .uk-nav li:nth-child(2) { padding: 0 13px; }
.uk-dropdown .uk-nav li:nth-child(3) { padding: 0 13px; }
.uk-dropdown .uk-nav li:nth-child(4) { padding: 0 13px 13px; }
.uk-dropdown .uk-nav li:last-child { padding: 13px; }

.uk-dropdown .uk-nav li.invoice a,
.uk-dropdown .uk-nav li.edit-account a,
.uk-dropdown .uk-nav li.address a,
.uk-dropdown .uk-nav li.logout a,
.uk-dropdown .uk-nav li.register a { display: flex; flex-direction: row; align-items: center; }
.uk-dropdown .uk-nav li.invoice a { gap: 11px; }
.uk-dropdown .uk-nav li.edit-account a { gap: 8px; }
.uk-dropdown .uk-nav li.address a { gap: 8px; }
.uk-dropdown .uk-nav li.logout a { gap: 10px; }
.uk-dropdown .uk-nav li.register a { gap: 7px; }
.uk-dropdown .uk-nav li.invoice a:before,
.uk-dropdown .uk-nav li.edit-account a:before,
.uk-dropdown .uk-nav li.address a:before,
.uk-dropdown .uk-nav li.logout a:before,
.uk-dropdown .uk-nav li.register a:before {
	content: '';
	display: inline-block;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center center;
}
.uk-dropdown .uk-nav li.invoice a:before { background-image: url(/wp-content/uploads/invoice.svg); width: 12px; }
.uk-dropdown .uk-nav li.edit-account a:before { background-image: url(/wp-content/uploads/icon_edit-account.svg); width: 15px; }
.uk-dropdown .uk-nav li.address a:before { background-image: url(/wp-content/uploads/address.svg); width: 15px; }
.uk-dropdown .uk-nav li.logout a:before { background-image: url(/wp-content/uploads/logout.svg); width: 13px; }
.uk-dropdown .uk-nav li.register a:before { background-image: url(/wp-content/uploads/register.svg); width: 16px; }
/* ### DROPDOWN ### */
/* ### HEADER ### */

/* ### MOBILE NAVIGATION ### */
.tm-header-mobile .uk-navbar-container { background: var(--secondary); padding: 10px 0; }
.tm-header-mobile .uk-navbar-container .uk-container { padding: 0 10px; }
.tm-header-mobile .uk-logo svg { width: 150px; }

.uk-navbar-toggle {
	min-height: 0;
	width: 42px;
	height: 42px;
	border: 1px solid var(--border);
	transition: all .35s;
}
.uk-navbar-toggle[aria-expanded="true"],
.uk-navbar-toggle:focus,
.uk-navbar-toggle:hover { background: var(--primary); border-color: var(--primary); transition: all .35s; }
.uk-navbar-toggle svg { fill: var(--white); }
.uk-navbar-toggle svg rect { height: 1.25px; }

#tm-dialog-mobile { background: var(--secondary); border-top: 1px solid var(--border); padding: 50px 10px; }
#tm-dialog-mobile .uk-nav { display: block; width: 500px; margin: 0 auto; }

#tm-dialog-mobile .uk-nav li.uk-parent a { color: var(--primary); }
#tm-dialog-mobile .uk-nav li:first-child a .uk-nav-parent-icon,
#tm-dialog-mobile .uk-nav li:nth-child(2) a .uk-nav-parent-icon { display: none; }
#tm-dialog-mobile .uk-nav li .uk-nav-sub { border-left: 1px solid var(--border); padding: 0 0 0 15px; }
#tm-dialog-mobile .uk-nav li a,
#tm-dialog-mobile .uk-nav li .uk-nav-sub li a { color: var(--white); padding: 7px 0; }

#tm-dialog-mobile .uk-nav li a { transition: all 0s; }
#tm-dialog-mobile .uk-nav > li.uk-active > a,
#tm-dialog-mobile .uk-nav li .uk-nav-sub li.uk-active a,
#tm-dialog-mobile .uk-nav li a:focus,
#tm-dialog-mobile .uk-nav li a:hover { color: var(--primary) !important; transition: all 0s; }

#tm-dialog-mobile .uk-grid-margin .uk-nav { display: flex; justify-content: center; gap: 12px; padding-top: 50px !important; }
#tm-dialog-mobile .uk-grid-margin .uk-nav li a { padding: 0; }
#tm-dialog-mobile .uk-grid-margin .uk-nav li a svg { width: 22px; height: 22px; }
#tm-dialog-mobile .uk-grid-margin .delivery-payment-services { display: none; }

@media (max-width: 639px) {
	#tm-dialog-mobile .uk-grid > * { padding-left: 20px; }
	#tm-dialog-mobile .uk-nav { width: 250px; }
}
@media (max-width: 621px) {
	#tm-dialog-mobile .uk-grid-margin .uk-nav { padding-bottom: 25px; }
	
	#tm-dialog-mobile .uk-grid-margin .delivery-payment-services { display: flex; flex-direction: column; gap: 15px; }
	#tm-dialog-mobile .uk-grid-margin .delivery-payment-services span { display: flex; justify-content: center; }
	#tm-dialog-mobile .uk-grid-margin .delivery-payment-services span img { height: 13px; }
}

.language-switch-xs {
	position: absolute;
    z-index: 999;
    top: 5px;
    right: 10px;
	display: none;
}
@media (max-width: 639px) { .language-switch-s { display: none; } .language-switch-xs { display: block; } }
.language-switch-xs .wpml-ls-legacy-dropdown ul li a {
	justify-content: center;
	gap: 3px;
	background: var(--secondary);
	width: 40px;
	height: 22.5px;
	padding: 0 !important;
}

.language-switch-xs .wpml-ls-legacy-dropdown ul li ul li a {
	justify-content: flex-start;
	width: auto;
	background: transparent;
	padding: 0 5px !important;
}
.language-switch-xs .wpml-ls-legacy-dropdown ul li ul li a span { color: var(--secondary); }
.language-switch-xs .wpml-ls-legacy-dropdown ul li ul li a:focus span,
.language-switch-xs .wpml-ls-legacy-dropdown ul li ul li a:hover span { color: var(--primary); }
.language-switch-xs .wpml-ls-legacy-dropdown ul li a:before { width: 11px; height: 11px; }
.language-switch-xs .wpml-ls-legacy-dropdown ul li a span { font-size: 10px; }

.language-switch-xs .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { width: 150px; padding-top: 5px; }
.language-switch-xs .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li { display: block; }
.language-switch-xs .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:first-child:before { padding: 2px 5px 5px; }
.language-switch-xs .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:first-child { padding: 10px 10px 0; }
.language-switch-xs .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:nth-child(2) { padding: 0 10px; }
.language-switch-xs .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:last-child { padding: 0 10px 10px; }

.tm-header-mobile .uk-navbar-left,
.tm-header-mobile .uk-navbar-right,
.tm-header-mobile .uk-navbar-nav { gap: 10px; }
.tm-header-mobile .uk-navbar-item { min-height: 0; }

.tm-header-mobile .uk-navbar-nav li a {
	position: relative;
	gap: 0;
	min-height: 0;
	height: 42px;
	border: 1px solid var(--border);
	padding: 0 12px;
	transition: all .35s;
}
.tm-header-mobile .uk-navbar-nav li.uk-active a,
.tm-header-mobile .uk-navbar-nav li a:focus,
.tm-header-mobile .uk-navbar-nav li a:hover { background: var(--primary); border-color: var(--primary); transition: all .35s; }
.tm-header-mobile .uk-navbar-nav li a .uk-badge {
	position: absolute;
    right: 6px;
    top: 6px;
	color: var(--secondary) !important;
    font-family: 'basier-circle-bold';
    font-size: 9px;
	min-width: 15px;
    height: 15px;
    background: var(--primary);
    padding: 0;
	transition: all .35s;
}
.tm-header-mobile .uk-navbar-nav li.uk-active a .uk-badge,
.tm-header-mobile .uk-navbar-nav li a:focus .uk-badge,
.tm-header-mobile .uk-navbar-nav li a:hover .uk-badge { color: var(--primary) !important; background: var(--secondary); transition: all .35s; }
.tm-header-mobile .uk-navbar-nav li a img { height: 18px; }

/* ### DROPDOWN ### */
.tm-header-mobile .uk-navbar-dropdown,
.tm-header-mobile .uk-navbar-dropdown .uk-nav { padding: 0; }
.tm-header-mobile .uk-navbar-dropdown { width: 225px; background: transparent; padding-top: 10px; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li { background: var(--white); }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li a {
	color: var(--secondary);
	width: auto;
	height: 40px;
    -webkit-text-fill-color: inherit;
	background: linear-gradient(to right, var(--primary) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	border: 0;
	transition: all .35s ease-out;
	padding: 0 12px;
}
.tm-header-mobile .uk-navbar-dropdown .uk-nav li a:focus,
.tm-header-mobile .uk-navbar-dropdown .uk-nav li a:hover { background-position: left bottom; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.uk-active a { background: var(--primary); }

/* html[lang="de-DE"] .tm-header div:nth-child(2) .uk-navbar-dropdown

html[lang="de-DE"] .tm-header-mobile .uk-navbar-dropdown .uk-nav li:first-child:before { content: 'Blockout Option'; }
html[lang="en-US"] .tm-header-mobile .uk-navbar-dropdown .uk-nav li:first-child:before { content: 'Blockout option'; }
html[lang="nl-NL"] .tm-header-mobile .uk-navbar-dropdown .uk-nav li:first-child:before { content: 'Blockout optie'; }
html[lang="fr-FR"] .tm-header-mobile .uk-navbar-dropdown .uk-nav li:first-child:before { content: 'Option blockout'; } */

.tm-header-mobile .uk-navbar-dropdown .uk-nav li:first-child:before {
	display: block;
	color: var(--secondary);
	font-family: 'basier-circle-semi-bold';
	font-size: 10px;
	padding: 7px 12px;
}
html[lang="de-DE"] .tm-header-mobile .uk-navbar-dropdown .uk-nav li:first-child:before { content: 'Kontoeinstellungen'; }
html[lang="en-US"] .tm-header-mobile .uk-navbar-dropdown .uk-nav li:first-child:before { content: 'Account settings'; }
html[lang="nl-NL"] .tm-header-mobile .uk-navbar-dropdown .uk-nav li:first-child:before { content: 'Accountinstellingen'; }
html[lang="fr-FR"] .tm-header-mobile .uk-navbar-dropdown .uk-nav li:first-child:before { content: 'Paramètres du compte'; }

.tm-header-mobile .uk-navbar-dropdown .uk-nav li:first-child { padding: 13px 13px 0; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li:nth-child(2) { padding: 0 13px; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li:nth-child(3) { padding: 0 13px 0; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li:nth-child(4) { padding: 0 13px 13px; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li:last-child { padding: 13px !important; }

.tm-header-mobile .uk-navbar-dropdown .uk-nav li.invoice a,
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.edit-account a,
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.address a,
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.logout a,
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.register a { display: flex; flex-direction: row; align-items: center; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.invoice a { gap: 11px; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.edit-account a { gap: 8px; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.address a { gap: 8px; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.logout a { gap: 10px; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.register a { gap: 7px; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.invoice a:before,
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.edit-account a:before,
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.address a:before,
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.logout a:before,
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.register a:before {
	content: '';
	display: inline-block;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center center;
}
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.invoice a:before { background-image: url(/wp-content/uploads/invoice.svg); width: 12px; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.edit-account a:before { background-image: url(/wp-content/uploads/icon_edit-account.svg); width: 15px; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.address a:before { background-image: url(/wp-content/uploads/address.svg); width: 15px; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.logout a:before { background-image: url(/wp-content/uploads/logout.svg); width: 13px; }
.tm-header-mobile .uk-navbar-dropdown .uk-nav li.register a:before { background-image: url(/wp-content/uploads/register.svg); width: 16px; }
/* ### DROPDOWN ### */
/* ### MOBILE NAVIGATION ### */

/* ### HERO ### */
#tm-main { position: relative; }

.hero {
	position: relative;
	z-index: 2;
	background: transparent;
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

.background-arrow {
	content: '';
    position: absolute;
    z-index: 1;
    top: 0;
	right: 3%;
    display: block;
    width: 800px;
	background: transparent;
	margin: 0 !important;
}

.hero .left .usps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.hero .left .usps .usp { display: grid; grid-template-columns: 22px auto; gap: 7px; }
.hero .left .usps .usp > span { display: grid; }
.hero .left .usps .usp img { margin-top: .5px; }
.hero .left .usps .usp strong { font-family: 'basier-circle-semi-bold'; }

.hero .left .convince a { color: var(--secondary); text-decoration: underline; }
.hero .left .convince a:focus,
.hero .left .convince a:hover { color: var(--primary); }

.hero .right img {
	position: absolute;
    top: 0;
	left: -75px;
    bottom: 0;
    max-width: 850px;
	margin: auto;
}

@media (max-width: 959px) {
	.hero { padding-top: 0 !important; padding-bottom: 40px !important; }
	.hero .uk-container > .uk-grid { flex-direction: column-reverse; }
	
	.background-arrow { width: 700px; }
	
	.hero .right img { position: unset; max-width: 100%; margin: -50px 0 -75px; }
}
@media (max-width: 639px) {
	.background-arrow { width: 575px; }
	
	.hero .left .usps { column-gap: 10px; }
	.hero .right img { margin: -25px 0 -50px; }
}
@media (max-width: 529px) {
	.background-arrow { width: 450px; }
	
	.hero .right img { margin: -10px 0 -40px; }
}
@media (max-width: 384px) {
	.hero .left .usps { column-gap: 0; }
}
@media (max-width: 374px) {
	.hero .left .usps { grid-template-columns: repeat(1, 1fr); }
}
/* ### HERO ### */

/* ### CLIENT SLIDER ### */
.client-slider { position: relative; height: 87.5px; overflow: hidden; }
.client-slider::before,
.client-slider::after {
    content: '';
    position: absolute;
    z-index: 2;
    height: 100px;
    width: 200px;
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}
.client-slider::before { top: 0; left: 0; }
.client-slider::after { top: 0; right: 0; transform: rotateZ(180deg); }
.client-slider .slide-container { display: flex; width: calc(200px * 14); animation: scroll 60s linear infinite; }
.client-slider .slide { height: 87.5px; width: 200px; }


@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-200px * 7)); }
}
/* ### CLIENT SLIDER ### */

/* ### KEYFACTS ### */
.keyfacts { background: linear-gradient(45deg, var(--secondary), var(--secondary-light)); }
.keyfacts .el-meta,
.keyfacts .el-content { color: var(--white); }
.keyfacts img { height: 60px; filter: brightness(0) invert(1); opacity: .25; }
/* ### KEYFACTS ### */

/* ### SUBPAGES TEASER ### */
.subpages-teaser .uk-text-small { margin-bottom: 10px; }
.subpages-teaser h2 { font-size: 24px; margin: 0 0 10px; }
.subpages-teaser p.uk-h5 { margin: 0 0 10px; }
.subpages-teaser p { margin-bottom: 0; }
.subpages-teaser .teaser {
	background-color: var(--light-grey);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	padding: 40px 50px 50px;
}
.subpages-teaser .print-templates,
.subpages-teaser .guidebook {
	display: flex;
	align-items: flex-end;
	height: 300px;
	background-size: cover;
}
.subpages-teaser .print-templates h2,
.subpages-teaser .guidebook h2 { color: var(--white); margin-bottom: 10px; }
.subpages-teaser .print-templates p,
.subpages-teaser .guidebook p { color: var(--white); margin-top: 0; }

.subpages-teaser .graphic-service { background-image: url(/wp-content/uploads/subpages-teaser_graphic-service.png); }
.subpages-teaser .graphic-service div { width: 40%; }
.subpages-teaser .print-templates { background-image: url(/wp-content/uploads/subpages-teaser_print-templates.png); }
.subpages-teaser .guidebook { background-image: url(/wp-content/uploads/subpages-teaser_guidebook.png); }

@media (max-width: 959px) {
	.subpages-teaser .graphic-service { position: relative; background-size: cover; }
	.subpages-teaser .graphic-service:after {
		content: '';
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		height: 100%;
		width: 100%;
		background: linear-gradient(45deg, rgb(0, 35, 51, .5), rgb(43, 72, 91, .5));
	}
	.subpages-teaser .graphic-service h2,
	.subpages-teaser .graphic-service p,
	.subpages-teaser .graphic-service small { color: var(--white); }
	.subpages-teaser .graphic-service div { position: relative; z-index: 2; width: 100%; }
}
@media (max-width: 639px) {
	.subpages-teaser .teaser { padding: 25px 30px 30px; }
}
/* ### SUBPAGES TEASER ### */

/* ### BREADCRUMBS ### */
.uk-breadcrumb { display: flex; flex-wrap: wrap; gap: 7px; }
.uk-breadcrumb li:before { margin: 0 !important; }
/* ### BREADCRUMBS ### */

/* ### PRODUCTS ### */
.products .products-grid .el-item .el-title {
	display: flex;
	flex-direction: column;
	gap: 3px;
	font-family: 'basier-circle-semi-bold';
	font-size: 15px;
}
.products .products-grid .el-item .el-title span { font-family: 'basier-circle-regular'; font-size: 14px; }
.products .products-grid .el-item .el-meta {
	display: flex;
	flex-direction: column;
	gap: 3px;
	color: var(--secondary);
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
}
.products .products-grid .el-item .el-meta span > span,
.products .products-grid .el-item .el-meta span > span:nth-child(2),
.products .products-grid .el-item .el-meta span > span:nth-child(3) { font-family: 'basier-circle-semi-bold'; font-size: 15px; }
.products .products-grid .el-item .el-meta span > span:nth-child(2) { color: var(--primary); }
.products .products-grid .el-item .el-meta span:last-child { font-size: 10px; }
/* ### PRODUCTS ### */

/* ### BLOCKOUT NOTICE ### */
.blockout-notice {
	color: var(--white);
	background: linear-gradient(45deg, var(--secondary), var(--secondary-light));
	padding: 15px 20px;
	margin-top: 20px;
}
/* ### BLOCKOUT NOTICE ### */

/* ### CART ### */
.woocommerce .cart-empty {
	color: var(--secondary);
	background: var(--order-bg);
    border: 1px solid var(--order-border);
	padding: 15px 20px;
	margin: 0;
}
.woocommerce .return-to-shop { margin: 40px 0 0; }
.woocommerce .return-to-shop .wc-backward {
	color: var(--secondary);
	line-height: 45px;
	background: var(--primary);
    padding: 0 25px;
}
.woocommerce .return-to-shop .wc-backward:focus,
.woocommerce .return-to-shop .wc-backward:hover { color: var(--white); background: var(--primary); }
/* ### CART ### */

/* ### WOOCOMMERCE ALERTS ### */
.woocommerce-notices-wrapper ul {
	color: var(--white);
    font-family: 'basier-circle-medium';
    background: var(--red);
    border: 0 !important;
    padding: 15px 20px !important;
    margin: 0 0 40px !important;
}
/* ### WOOCOMMERCE ALERTS ### */

/* ### HINTS ### */
.hints {
	background: linear-gradient(45deg, var(--secondary), var(--secondary-light));
	padding: 40px 50px;
}
.hints .el-content { color: var(--white); }

@media (max-width: 639px) {
	.hints { padding: 25px 30px; }
}
/* ### HINTS ### */

/* ### GRAPHICS SERVICE BANNER ### */
.padding-correction-20 { padding-right: 20px; }
.padding-correction-40 { padding-right: 40px; }
.graphics-service-banner-container {
	position: relative;
	overflow: hidden;
	max-height: 984.34px;
	background: linear-gradient(45deg, var(--secondary), var(--secondary-light));
	/* background: url(/wp-content/uploads/grafikservice_illustration.svg) no-repeat, var(--secondary); */
	padding-left: 0;
}
.graphics-service-banner { padding: 40px; }
.graphics-service-banner .uk-h4,
.graphics-service-banner .uk-h5,
.graphics-service-banner p,
.graphics-service-banner a { position: relative; z-index: 2; }
.graphics-service-banner .uk-h4,
.graphics-service-banner p { color: var(--white); }
.graphics-service-banner .uk-h4 { margin-bottom: 10px; }
.graphics-service-banner .uk-h5 { margin: 0; }
.graphics-service-banner p { margin-bottom: 0; }
.graphics-service-banner img {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
    bottom: -30px;
	width: calc(100% - 40px);
    margin: auto;
}

@media (max-width: 1199px) {
	.padding-correction-20,
	.padding-correction-40 { padding-right: 0; }	
	.graphics-service-banner-container {
		background: linear-gradient(45deg, var(--secondary), var(--secondary-light));
		margin-left: 20px;
	}
	.graphics-service-banner img { display: none; }
}
@media (max-width: 639px) {
	.graphics-service-banner-container { height: 500px; }
	.graphics-service-banner { padding: 25px 30px; }
	.graphics-service-banner img { display: block; width: 300px; }
}
@media (max-width: 475px) {
	.graphics-service-banner img { width: 275px; }
}
/* ### GRAPHICS SERVICE BANNER ### */

/* ### CONTACT FORM ### */
.wpcf7-submit:disabled { color: var(--secondary); background: var(--order-bg) !important; }
.wpcf7-not-valid { border-color: var(--secondary) !important; }
.wpcf7-not-valid-tip { display: none; }
.wpcf7-response-output {
	color: var(--white);
	font-family: 'basier-circle-medium';
	background: var(--primary);
    border: 0 !important;
    padding: 15px 20px !important;
    margin: 40px 0 0 !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output { background: var(--red); }

.contact-form .margin-top { margin-top: 40px; }
.contact-form .margin-bottom { margin-bottom: 40px; }

.contact-form p { margin: 0; }
.contact-form .uk-input,
.contact-form .uk-textarea { background: var(--order-bg); border: 1px solid var(--order-border); }
.contact-form .uk-input { height: 45px; }

/* DRAG & DROP */
.codedropz-upload-handler {
	background: var(--order-bg);
	border: 1px dashed var(--order-border) !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	cursor: default;
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.codedropz-upload-container { padding: 0; }
.dnd-upload-counter {
	font-family: 'basier-circle-medium';
	font-size: 12px !important;
	right: 12px !important;
	bottom: 7px !important;
}
.codedropz-upload-inner { display: flex; justify-content: center; align-items: center; gap: 5px; height: 100px; }
.codedropz-upload-inner > * {
	font-family: 'basier-circle-regular';
	font-size: 14px !important;
	line-height: normal !important;
	margin: 0 !important;
}
.codedropz-upload-inner .cd-upload-btn {
	display: block;
	color: var(--primary);
	font-family: 'basier-circle-medium';
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.codedropz-upload-inner .cd-upload-btn:focus,
.codedropz-upload-inner .cd-upload-btn:hover {
	color: var(--secondary);
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.dnd-upload-status {
	position: relative;
    display: flex;
    gap: 12px;
    align-items: center;
	width: auto;
    background: var(--order-bg);
	border: 1px solid var(--order-border);
	padding: 15px 20px 20px !important;
	margin-top: 10px;
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.dnd-upload-status .dnd-upload-details { width: 100% !important; padding: 0 !important; }
.dnd-upload-status .dnd-upload-details .dnd-progress-bar { background: var(--primary) !important; padding: 7px 10px; }
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
	color: var(--secondary) !important;
	font-family: 'basier-circle-medium';
	font-size: 12px !important;
	background: var(--primary) !important;
	width: 100% !important;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar:focus,
.dnd-upload-status:hover {
	background: var(--order-bg);
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.dnd-upload-status .dnd-upload-details .name { color: var(--secondary) !important; padding: 0 0 5px !important; }
.dnd-upload-status .dnd-upload-details .name span { padding: 0 !important; }
.dnd-upload-image { display: none; }
.dnd-upload-details { width: 100%; padding: 0; }
.dnd-upload-details .name {
	color: var(--secondary) !important;
	align-items: flex-end;
	gap: 10px;
	padding: 0;
}
.dnd-upload-details .name span { padding: 0; }
.dnd-upload-details .name em {
	font-family: 'basier-circle-medium';
	font-size: 12px;
	font-weight: normal !important;
	font-style: normal;
	color: var(--secondary) !important;
	margin-bottom: 1.5px;
}
.dnd-upload-details .dnd-progress-bar { display: none; }
.dnd-upload-status .dnd-upload-details span.has-error {
	display: block;
	color: var(--red) !important;
	font-family: 'basier-circle-medium';
	padding-top: 5px;
}
.dnd-upload-details .remove-file { position: absolute; top: 5px !important; right: 8px !important; }
.dnd-upload-details .remove-file .dnd-icon-remove:after {
	content: '';
    display: inline-block !important;
    background-image: url(/wp-content/uploads/xmark.svg) !important;
	background-repeat: no-repeat;
    width: 12px !important;
    height: 12px !important;
	opacity: .6;
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.dnd-upload-details .remove-file .dnd-icon-remove:focus:after,
.dnd-upload-details .remove-file .dnd-icon-remove:hover:after {
	opacity: 1;
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.codedropz-upload-wrapper span.has-error-msg {
	color: var(--white) !important;
	font-family: 'basier-circle-medium';
	font-style: normal !important;
	width: -webkit-fill-available;
	background: var(--red);
    padding: 15px 20px !important;
    margin: 10px 0 0 0;
}

@media (max-width: 422px) {
	.codedropz-upload-inner { flex-direction: column; }
}
/* DRAG & DROP */

/* CHECKBOX */
.checkbox { display: grid; grid-template-columns: 20px auto; gap: 10px; margin: 20px 0; } 
.checkbox .uk-checkbox {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
	background-color: var(--order-bg);
	border-color: var(--order-border);
	margin: 0;
}
.checkbox .uk-checkbox:checked {
	position: relative;
    top: -2px;
	background-image: none;
	background-color: var(--order-bg);
}
.checkbox .uk-checkbox:checked:after {
	content: '';
	display: block;
    background: url(/wp-content/uploads/check.svg) no-repeat;
    width: 11px;
    height: 8px;
}
.checkbox .wpcf7-list-item { margin: 0; }
.checkbox .checkbox-text span { display: block; }
.checkbox .checkbox-text p span:first-child { font-family: 'basier-circle-medium'; }

@media (max-width: 1199px) {
	.checkbox { margin-left: 0; }
}
/* CHECKBOX */
/* ### CONTACT FORM ### */

/* ### ADVISER ### */
.adviser .adviser-grid .el-item .uk-inline-clip,
.adviser .adviser-grid .el-item img { width: 100%; }
.adviser .adviser-grid .el-item .el-content { font-family: 'basier-circle-regular'; }
/* ### ADVISER ### */

/* ### BLOG ### */
.products-grid.blog .el-item .uk-margin-top .el-link { display: none; }

.conclusion .uk-container .uk-container {
	background: linear-gradient(45deg, var(--secondary), var(--secondary-light));
	padding: 40px 50px;
}
.conclusion p,
.conclusion a:not(.uk-button) { color: var(--white); }
.conclusion a:not(.uk-button):focus,
.conclusion a:not(.uk-button):hover { color: var(--primary); }

@media (max-width: 639px) {
	.conclusion .uk-container .uk-container { padding: 25px 30px; }
}
/* ### BLOG ### */

/* ### NEWSLETTER ### */
.newsletter { position: relative; z-index: 100; background: transparent; margin-bottom: -70px; }
.newsletter .uk-container .uk-container {
	background: linear-gradient(45deg, var(--secondary), var(--secondary-light));
	padding: 40px 50px;
}
.newsletter p,
.newsletter small,
.newsletter a { color: var(--white); }
.newsletter a:focus,
.newsletter a:hover { color: var(--primary); }

.newsletter .left .uk-form .uk-grid { align-items: center; }
.newsletter .left .uk-form .uk-grid div:last-child { background: var(--white); padding: 5px 5px 5px 0; }
.newsletter .left .uk-form .uk-input { height: 55px; }

.newsletter .right img {
	position: absolute;
	top: -110px;
    left: -20px;
    min-width: 550px;
	transform: rotate(-15deg);
}

.newsletter form .uk-grid > div:last-child { padding-left: 0; }

@media (max-width: 1199px) {
	.newsletter .right img { top: -90px; left: -15px; }
}
@media (max-width: 959px) {
	.newsletter { margin-bottom: -30px; }
	
	.newsletter .left .uk-width-2xlarge { width: 100%; }
	.newsletter .right img { display: none; }
}
@media (max-width: 639px) {
	.newsletter .uk-container .uk-container { padding: 25px 30px; }
	
	.newsletter .left .uk-form .uk-grid div:last-child { padding: 5px; margin-left: 20px; }
	.newsletter .right { margin-top: 0; }
	
	.newsletter form .uk-grid > div:last-child { padding-left: 30px; margin-top: 0; }
	.newsletter form .uk-grid > div:last-child button { width: 100%; }
}
/* ### NEWSLETTER ### */

/* ### SHIPPING PROVIDER ### */
.shipping-provider .dhl,
.shipping-provider .dhl-express,
.shipping-provider .ups,
.shipping-provider .ups-express {
	position: relative;
	font-size: 18px;
	background: var(--order-bg);
	border: 1px solid var(--order-border);
	padding: 15px 20px;
}
.shipping-provider .dhl:after,
.shipping-provider .dhl-express:after,
.shipping-provider .ups:after,
.shipping-provider .ups-express:after {
	content: '';
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	display: inline-block;
	margin: auto;
}

.shipping-provider .dhl:after { background: url(/wp-content/uploads/shipping_dhl.svg) no-repeat; height: 12px; width: 86px; }
.shipping-provider .dhl-express:after { background: url(/wp-content/uploads/shipping_dhl-express.svg) no-repeat; height: 20px; width: 86px; }
.shipping-provider .ups:after { background: url(/wp-content/uploads/shipping_ups.svg) no-repeat; height: 28px; width: 24px; }
.shipping-provider .ups-express:after { background: url(/wp-content/uploads/shipping_ups-express.svg) no-repeat; height: 38px; width: 24px; }

.shipping-table { table-layout: fixed; border-spacing: 0; width: 100%; }
.shipping-table tbody tr:first-child,
.shipping-table tbody tr:nth-child(2n + 1) { background: var(--order-bg); }

.shipping-table tr th { font-family: 'basier-circle-medium'; font-weight: normal; text-align: left; }
.shipping-table tr th:nth-child(2),
.shipping-table tr th:nth-child(3),
.shipping-table tr td:nth-child(2),
.shipping-table tr td:nth-child(3) { text-align: right; }
.shipping-table tr th:nth-child(2),
.shipping-table tr td:nth-child(2) { border-left: 1px solid var(--order-border); }
.shipping-table tr th,
.shipping-table tr td { border-bottom: 1px solid var(--order-border); padding: 12px; }

.shipping-table-notice { display: block; font-size: 10px; margin-top: 10px; }
/* ### SHIPPING PROVIDER ### */

/* ### PAYMENT PROVIDER ### */
.payment-provider .rechnung, 
.payment-provider .paypal, 
.payment-provider .kreditkarte {
	position: relative;
	font-size: 18px;
	background: var(--order-bg);
	border: 1px solid var(--order-border);
	padding: 15px 20px;
}
.payment-provider .rechnung:after,
.payment-provider .paypal:after,
.payment-provider .kreditkarte:after {
	content: '';
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	display: inline-block;
	margin: auto;
}

.payment-provider .rechnung:after { background: url(/wp-content/uploads/payment_invoice.svg) no-repeat; height: 20px; width: 45px; }
.payment-provider .paypal:after { background: url(/wp-content/uploads/payment_paypal.svg) no-repeat; height: 15px; width: 56px; }
.payment-provider .kreditkarte:after { background: url(/wp-content/uploads/payment_kreditkarte.svg) no-repeat; height: 25px; width: 168px; }
/* ### PAYMENT PROVIDER ### */

/* ### FOOTER ### */
/* .home .footer,
.error404 .footer { padding-top: 140px; } */

.footer h4:after {
	content: '';
	display: block;
	height: 1px;
	width: 50px;
	background: var(--primary-dark);
	margin-top: 7px;
}
.footer hr { border-color: var(--primary-dark); }

@media (max-width: 959px) {
	/* .home .footer,
	.error404 .footer { padding-top: 70px; } */
}

/* ### TOP ### */
.footer .top h4 { margin: 20.14px 0 20px; }

.footer .top .social-nav {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 20px;
}
.footer .top .social-nav a img { height: 18px; -webkit-transition : -webkit-filter 350ms linear; }
.footer .top .social-nav a:focus img,
.footer .top .social-nav a:hover img { filter: brightness(0) invert(1); -webkit-transition : -webkit-filter 350ms linear; }

.footer .top .widget_nav_menu ul { display: grid; gap: 7px; }
.footer .top .widget_nav_menu ul li a { align-items: baseline; gap: 7px; color: var(--secondary); padding: 0; }
.footer .top .widget_nav_menu ul li.uk-active a,
.footer .top .widget_nav_menu ul li a:focus,
.footer .top .widget_nav_menu ul li a:hover { color: var(--white); }
.footer .top .widget_nav_menu ul li a:before { content: '//'; color: var(--primary-dark); }
.footer .top .widget_nav_menu ul li:last-child a:after { display: none; }

@media (max-width: 959px) {
	.footer .top h4 { margin-top: 0; }
}
/* ### TOP ### */
/* ### MIDDLE ### */
.footer .middle { margin-top: 70px !important; }

.footer .middle h4:after { display: none; }
.footer .middle h4 { margin-bottom: 20px; }

.footer .middle .widget_nav_menu:last-child { margin-top: 5px; }
.footer .middle .widget_nav_menu ul { display: flex; flex-wrap: wrap; gap: 7px; }
.footer .middle .widget_nav_menu ul li a { align-items: baseline; gap: 7px; color: var(--secondary); padding: 0; }
.footer .middle .widget_nav_menu ul li.uk-active a,
.footer .middle .widget_nav_menu ul li a:focus,
.footer .middle .widget_nav_menu ul li a:hover { color: var(--white); }
.footer .middle .widget_nav_menu ul li a:after { content: '//'; color: var(--primary-dark); }
.footer .middle .widget_nav_menu ul li:last-child a:after { display: none; }

@media (max-width: 639px) {
	.footer .middle .widget_nav_menu:last-child { margin-top: 0; }
	.footer .middle .uk-width-1-1 { display: grid; grid-template-columns: repeat(2, 1fr); }
	.footer .middle .uk-width-1-1 > div:first-child { grid-column: 1/3; }
	.footer .middle h4 { grid-column: 1/3; }
	.footer .middle .widget_nav_menu ul { display: grid; }
	.footer .middle .widget_nav_menu ul li a:before { content: '//'; color: var(--primary-dark); }
	.footer .middle .widget_nav_menu ul li a:after { display: none; }
}
/* ### MIDDLE ### */
/* ### BOTTOM ### */
.footer .bottom { margin-top: 40px; }

.footer .bottom h4,
.footer .bottom .uk-margin { display: grid; }
.footer .bottom .left h4:after { margin-right: auto; }
.footer .bottom .right h4:after { margin-left: auto; }
.footer .bottom .left h4,
.footer .bottom .left .uk-margin { justify-content: flex-start; }
.footer .bottom .right h4,
.footer .bottom .right .uk-margin { justify-content: flex-end; }

.footer .bottom img { filter: brightness(0) saturate(100%) invert(14%) sepia(7%) saturate(7251%) hue-rotate(156deg) brightness(90%) contrast(108%); }

@media (max-width: 959px) {
	.footer .bottom .left h4:after,
	.footer .bottom .right h4:after { margin: 7px auto 0; }
	.footer .bottom h4,
	.footer .bottom .uk-margin { justify-content: center !important; }
}
@media (max-width: 639px) {
	.footer .bottom img { height: 15px; }
}
/* ### BOTTOM ### */
/* ### FOOTER ### */

/* ### COPYRIGHT ### */
.copyright .left .uk-panel { display: flex; flex-direction: column; gap: 3px; }
.copyright .left p,
.copyright .left small { color: var(--white); margin-bottom: 0; }
.copyright .left small { font-size: 10px; }
.copyright .left a { color: var(--white); font-family: 'basier-circle-medium'; transition: .1s ease-in-out; }
.copyright .left a:focus,
.copyright .left a:hover { color: var(--primary); }

.copyright .right { display: grid; gap: 3px; }
.copyright .right ul { display: flex; justify-content: flex-end; gap: 7px; }
.copyright .right ul li a { flex-direction: row; align-items: baseline; gap: 7px; padding: 0; }

.copyright .right ul li a:after { content: '//'; color: var(--primary); }
.copyright .right ul li:last-child a:after { display: none; }

.copyright .right .cookie-nav ul li a { font-size: 10px; }

@media (max-width: 959px) {
	.copyright .uk-grid { flex-direction: column-reverse; }
	
	.copyright .left { display: flex; justify-content: center; }
	.copyright .left > div:first-child { width: 100%; }
	.copyright .left .uk-panel { text-align: center; }
	.copyright .right ul { justify-content: center; }
}
@media (max-width: 639px) {	
	.copyright .left { margin-top: 0; }
	.copyright .left .uk-panel { width: 100%; border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; }
	
	.copyright .right .legal-nav ul { flex-wrap: wrap; }
	.copyright .right .cookie-nav ul {
		flex-wrap: wrap;
		column-gap: 12px;
		border-top: 1px solid var(--border);
		padding-top: 12px !important;
    	margin-top: 12px;
	}
	.copyright .right .cookie-nav ul li a:after { display: none; }
}
/* ### COPYRIGHT ### */

/* ### FONTS ### */
@font-face {
	font-family: 'sequel-100-black-75';
	src: url('../fonts/sequel-100-black-75.woff2') format('woff2'),
		 url('../fonts/sequel-100-black-75.woff') format('woff');
}
@font-face {
	font-family: 'basier-circle-regular';
	src: url('../fonts/basier-circle-regular.woff2') format('woff2'),
		 url('../fonts/basier-circle-regular.woff') format('woff');
}
@font-face {
	font-family: 'basier-circle-medium';
	src: url('../fonts/basier-circle-medium.woff2') format('woff2'),
		 url('../fonts/basier-circle-medium.woff') format('woff');
}
@font-face {
	font-family: 'basier-circle-semi-bold';
	src: url('../fonts/basier-circle-semi-bold.woff2') format('woff2'),
		 url('../fonts/basier-circle-semi-bold.woff') format('woff');
}
@font-face {
	font-family: 'basier-circle-bold';
	src: url('../fonts/basier-circle-bold.woff2') format('woff2'),
		 url('../fonts/basier-circle-bold.woff') format('woff');
}
/* ### FONTS ### */