/* ### BASE ### */
:root {
	--white: #FFFFFF;
	--red: #C31B16;
	--dark-red: #A11712;
	--grey: #F1F1F1;
	--dark-grey: #808080;
	--black: #000000;
	--grey: #DEDEDE;
	--off-white: #FAFAFA;
	--off-white-2: #F2F2F2;
}

.tm-header-placeholder { display: none; }
a { font-weight: 600; }

.uk-button-secondary:before {
	content: '';
    position: relative;
    top: 3px;
    display: inline-block;
    background: url(/wp-content/uploads/calculate-icon.svg) no-repeat;
    width: 17px;
    height: 17px;
    margin-right: 5px;
}

.arrow-right:after {
	content: '';
	display: block;
	background: url(/wp-content/uploads/arrow-right.svg) no-repeat !important;
	width: 20px !important;
	height: 18px !important;
	transition: color 350ms ease;
}
.arrow-right:focus:after,
.arrow-right:hover:after { filter: none; transition: color 350ms ease; }

.woocommerce td:first-child, .woocommerce th:first-child { padding-left: 15px !important; }
.woocommerce td:last-child, .woocommerce th:last-child { padding-right: 15px !important; }

.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button { right: 25px; }

ul { list-style-type: square; padding-left: 15px; }
th { font-weight: 600; }

.hidden { display: block; height: 16px; visibility: hidden; }
/* ### BASE ### */

/* ### TOOLBAR ### */
.tm-toolbar {
	display: block !important;
	background: var(--black);
	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: 80% 20%; }
.tm-toolbar .toolbar-left,
.tm-toolbar .toolbar-right { display: flex; align-items: center; height: 40px; }
.tm-toolbar .toolbar-left { justify-content: flex-start; gap: 20px; }
.tm-toolbar .toolbar-left a { text-decoration: underline; }
.tm-toolbar .toolbar-left a:focus,
.tm-toolbar .toolbar-left a:hover { color: var(--white); text-decoration: none; }
.tm-toolbar .toolbar-right { justify-content: flex-end; gap: 12px; }

.tm-toolbar .toolbar-container span,
.tm-toolbar li { display: flex; justify-content: center; align-items: center; gap: 5px; }
.tm-toolbar img { height: 13px; }
.tm-toolbar .inner-icon { height: 10px; filter: inherit; }
.tm-toolbar .toolbar-right a { filter: brightness(0) invert(1); transition: ease-in-out .35s; }
.tm-toolbar .toolbar-right a:focus,
.tm-toolbar .toolbar-right a:hover {
	filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(2824%) hue-rotate(347deg) brightness(94%) contrast(105%);
}
.tm-toolbar .toolbar-container span span,
.tm-toolbar li span {
	position: relative;
	top: .5px;
	color: var(--white);
	font-family: 'Inter';
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
}

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

@media (max-width: 1146px) {
	.tm-toolbar .desktop-view { display: none; }
	.tm-toolbar .mobile-view { display: block; }
	
	.tm-toolbar .toolbar-container { grid-template-columns: 100% 100%; }
	.tm-toolbar .uk-slider-items { height: 40px; }
	.tm-toolbar .toolbar-right { display: none; }
}
@media (max-width: 639px) {
	.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 ### */
.tm-header .uk-navbar-container { padding-top: 0; }
.tm-header .uk-navbar-nav { gap: 10px; }

.tm-header .uk-navbar-left, .tm-header .uk-navbar-nav { width: 100%; }
.tm-header .uk-navbar-nav li:nth-child(2),
.tm-header .uk-navbar-nav li:nth-child(3),
.tm-header .uk-navbar-nav li:nth-child(4) { margin-left: 10px; }
.tm-header .uk-navbar-nav li:nth-child(5) { margin-left: auto; }

.certificate img { width: 55px; -webkit-filter: grayscale(100%); -webkit-transition: all .5s ease-in-out; }
.certificate img:focus,
.certificate img:hover { -webkit-filter: grayscale(0%); }

.tm-header .uk-navbar-nav li { display: flex; }
.tm-header .uk-navbar-nav li:nth-child(5),
.tm-header .uk-navbar-nav li:nth-child(6) { margin-right: 0; }
.uk-navbar-container { padding: 25px 0; }

.neu-badge { position: relative; }
.neu-badge:after {
	content: 'NEU';
    position: absolute;
	top: 0;
    right: 0;
    color: var(--white);
    font-family: 'Inter';
    font-size: 8px;
    font-weight: 700;
    background: var(--red);
    padding: 0.5px 3px;
}
@media (max-width: 959px) {
	.neu-badge:after { display: none; }
}

.tm-header .cart,
.tm-header-mobile .cart { position: relative; }

.tm-header .account a,
.tm-header .cart a,
.tm-header-mobile .account a,
.tm-header-mobile .cart a {
	gap: 0;
	height: 44.38px;
	width: 44.38px;
	border: 1px solid var(--off-white-2);
	padding: 0 12px;
	transition: all .35s;
}

.tm-header-mobile .account a img,
.tm-header-mobile .cart a img,
.tm-header .account a img,
.tm-header .cart a img { height: 18px; width: auto; }
.tm-header .cart .uk-badge,
.tm-header-mobile .cart .uk-badge {
	position: absolute;
	bottom: 25px;
    left: 25px;
	color: var(--white) !important;
    font-family: 'Inter';
    font-size: 9px;
	font-weight: 700;
	min-width: 15px;
    height: 15px;
    background: var(--red);
    padding: 0;
	transition: all .35s;
}

.zur-unternehmensseite a {
	color: var(--white) !important;
	background: var(--red);
	padding: 10px 18px !important;
	transition: ease-in-out .35s !important;
}
.zur-unternehmensseite a:focus,
.zur-unternehmensseite a:hover { background: var(--dark-red); }

@media (max-width: 959px) {
	.uk-navbar-container { padding: 20px 0; }
	.uk-logo img { width: 225px; }
	
	.zur-unternehmensseite a { justify-content: center; margin-top: 15px; }
}
@media (max-width: 639px) {
	.uk-navbar-container { padding: 15px 0; }
}
@media (max-width: 424px) {
	.tm-header-mobile .account { display: none; }
}
/* ### NAVIGATION ### */

/* ### NAVIGATION DROPDOWN ### */
.tm-header .uk-navbar-right ul:last-child li { margin-right: 0; }
.tm-header .uk-navbar-right ul li.uk-parent a { gap: 5px; }
.tm-header .uk-navbar-right ul li a .uk-navbar-parent-icon { position: relative; top: 1px; margin: 0 }
.tm-header .uk-navbar-right ul li.uk-parent a .uk-navbar-parent-icon svg polyline { stroke-width: 1.75; }
.tm-header .uk-navbar-right ul li a .uk-navbar-parent-icon svg polyline { stroke-width: 1.75; }

.uk-navbar-dropdown { background: transparent; box-shadow: none; padding-top: 10px; }
.uk-navbar-dropdown > div {
	background: var(--white);
	box-shadow: 0 0 22px 0 rgba(0,0,0,.05);
	padding: 20px 25px;
	margin-left: -25px;
}
.uk-navbar-dropdown ul { display: flex; flex-direction: column; gap: 7px; }
.uk-navbar-dropdown ul li a { padding: 0; transition: ease-in-out .35s }
/* ### NAVIGATION DROPDOWN ### */

/* ### MOBILE NAVIGATION ### */
#tm-dialog-mobile { background: var(--black); }

#tm-dialog-mobile .uk-nav li .uk-nav-sub { border-left: 1px solid rgba(255 255 255 / 50%); 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 { justify-content: center; }
#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(--red) !important; transition: all 0s; }

.uk-navbar-toggle svg { color: var(--black); width: 25px; }

/* .tm-header-mobile .contact-button {
	display: flex;
	align-items: center;
	color: var(--white);
	font-size: 13px;
	height: 35px;
	background: var(--black);
	padding: 0 12px;
	transition: ease-in-out .35s
}
.tm-header-mobile .contact-button:focus,
.tm-header-mobile .contact-button:hover { color: var(--red) !important; }
.tm-header-mobile .contact-button:before {
	content: '';
    position: relative;
    top: .5px;
    display: inline-block;
    background: url(/wp-content/uploads/comment.svg) no-repeat;
    width: 16px;
    height: 14px;
    margin-right: 7px;
} */

#tm-dialog-mobile { padding: 0 20px; }
#tm-dialog-mobile .uk-nav { display: block; width: 500px; margin: 0 auto; }
#tm-dialog-mobile .uk-grid-margin .uk-grid { flex-direction: column-reverse; }
#tm-dialog-mobile ul { display: flex; flex-direction: column; padding: 0; }
#tm-dialog-mobile ul li a { padding: 0; }
#tm-dialog-mobile ul li.neu-badge,
#tm-dialog-mobile ul li.spaceholder { margin-bottom: 15px; }
#tm-dialog-mobile ul li.neu-badge > a { position: relative; }
#tm-dialog-mobile ul li.neu-badge > a:after {
	content: 'NEU';
    position: absolute;
	top: 11.5px;
    left: 109px;
    color: var(--white);
    font-family: 'Inter';
    font-size: 8px;
    font-weight: 700;
    background: var(--red);
    padding: 0.5px 3px;
}
#tm-dialog-mobile ul li .uk-nav-sub { gap: 5px; padding: 12px 0 18px; }

#tm-dialog-mobile ul li.uk-open > a { color: var(--green); }
#tm-dialog-mobile .uk-nav li.uk-parent a { gap: 5px; }
#tm-dialog-mobile .uk-nav li a .uk-nav-parent-icon { position: relative; top: 1px; margin: 0 }
#tm-dialog-mobile .uk-nav li a .uk-nav-parent-icon svg polyline { stroke-width: 1.75; }

#tm-dialog-mobile #nav_menu-3 ul { gap: 5px; }
#tm-dialog-mobile .uk-grid-margin .uk-grid > div:last-child ul { flex-direction: row; justify-content: center; gap: 15px; }
#tm-dialog-mobile .uk-grid-margin .uk-grid > div:last-child ul li a img { height: 16px; width: auto; }
#tm-dialog-mobile .uk-grid-margin .uk-grid > div:last-child ul li a img:focus,
#tm-dialog-mobile .uk-grid-margin .uk-grid > div:last-child ul li a img:hover {
	filter: brightness(0) saturate(100%) invert(47%) sepia(17%) saturate(1497%) hue-rotate(74deg) brightness(102%) contrast(93%);
}

#tm-dialog-mobile #nav_menu-2 .uk-nav { display: flex; flex-direction: row; justify-content: center; gap: 15px; padding-top: 50px !important; }
#tm-dialog-mobile #nav_menu-2 .uk-nav li { width: fit-content; }
#tm-dialog-mobile #nav_menu-2 .uk-nav li a { padding: 0; }
#tm-dialog-mobile #nav_menu-2 .uk-nav li a img { width: 20px; height: 20px; }

@media (max-width: 639px) {
	#tm-dialog-mobile { padding: 50px 15px; }
	#tm-dialog-mobile .uk-grid > * { padding-left: 20px; }
	#tm-dialog-mobile .uk-nav { width: 250px; }
}
@media (max-width: 424px) {
	.tm-header-mobile .contact-button { display: none; }
}
/* ### MOBILE NAVIGATION ### */

/* ### HERO ### */
.hero,
.hero .hero-container { position: relative; }

.hero .hero-image { position: relative; margin: 0; }
.hero .hero-image:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: linear-gradient(45deg, rgba(0 0 0 / 60%) 0%, transparent 100%);
}

.hero .hero-text {
	position: absolute;
	bottom: 30px;
	left: 90px;
	margin: 0 !important;
}
.hero .hero-text p { margin: 0; }
.hero .hero-text span,
.hero .hero-text h1 { color: var(--white); }
.hero .hero-text h1 { margin: -10px 0 0; }

@media (max-width: 1199px) {
	.hero .hero-text { left: 70px; }
}
@media (max-width: 959px) {
	.hero .hero-text { bottom: 20px; left: 50px; }
	.hero .hero-text h1 { margin: -7px 0 0; }
}
@media (max-width: 639px) {
	.hero .hero-text { bottom: 10px; left: 40px; }
}
/* ### HERO ### */

/* ### INFO NOTE ### */
.info-note { background: var(--off-white); padding: 55px 30px 25px; }
.info-note:after {
	content: 'Hinweis';
    position: absolute;
	top: 25px;
    left: 30px;
    color: var(--white);
    font-family: 'Inter';
    font-size: 10px;
    font-weight: 600;
    background: var(--red);
    padding: 2px 7px 1.5px;
}
/* ### INFO NOTE ### */

/* ### PRODUCTS ### */
.products .products-grid .el-item .el-title {
	display: flex;
	flex-direction: column;
	gap: 3px;
	font-family: 'Inter';
	font-size: 15px;
	font-weight: 600;
}
.products .products-grid .el-item .el-title span { font-family: 'Inter'; font-size: 15px; font-weight: 400; }
.products .products-grid .el-item .el-meta {
	display: flex;
	flex-direction: column;
	gap: 3px;
	color: var(--red);
	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: 'Inter'; font-size: 15px; font-weight: 600; }
.products .products-grid .el-item .el-meta span > span:nth-child(2) { color: var(--red); }
.products .products-grid .el-item .el-meta span:last-child { color: var(--black); font-family: 'Inter'; font-size: 10px; font-weight: 600; }
/* ### PRODUCTS ### */

/* ### FAQ ### */
.faq .uk-accordion-content .el-content.uk-margin-top { margin-top: 0 !important; }
.faq .uk-accordion-content .el-title { display: none; }
.faq .el-sublayout { margin: 0 0 -15px !important; }
/* ### FAQ ### */

/* ### ACCORDION ### */
.uk-accordion .el-item {
	background: var(--white);
	box-shadow: rgb(0 0 0 / 3%) 0px 0px 15px 0px;
	border: 0;
	padding-top: 0;
}
.uk-accordion .el-item .uk-accordion-title {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	color: var(--heading);
	background: var(--white);
	border: 0;
    border-radius: 12px;
	padding: 20px 25px;
}
.uk-accordion .el-item.uk-open .uk-accordion-title,
.uk-accordion .el-item .uk-accordion-title:focus,
.uk-accordion .el-item .uk-accordion-title:hover { color: var(--red); }
.uk-accordion .el-item .uk-accordion-content { padding: 0 25px 20px 25px; margin: 0; }

.uk-accordion-title:before {
	content: '';
    width: 17px;
    height: 23px;
    background: url(/wp-content/uploads/plus.svg) no-repeat;
	background-position: center;
	filter: brightness(0) saturate(100%) invert(22%) sepia(5%) saturate(2363%) hue-rotate(199deg) brightness(94%) contrast(96%);
	margin-left: 0;
}
.uk-open > .uk-accordion-title:before {
	position: relative;
	top: 3px;
	background: url(/wp-content/uploads/minus.svg) no-repeat;
	filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(2824%) hue-rotate(347deg) brightness(94%) contrast(105%);
}
.uk-accordion-title:focus:before,
.uk-accordion-title:hover:before {
	filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(2824%) hue-rotate(347deg) brightness(94%) contrast(105%);
}

@media (max-width: 959px) {
	.uk-accordion .el-item .uk-accordion-title { flex-direction: unset; justify-content: flex-start; }
	.uk-accordion-title:before { display: none; }
}
/* ### ACCORDION ### */

/* ### BREADCRUMBS ### */
.uk-breadcrumb { margin-bottom: 3px !important }
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
	content: '';
    display: inline-block;
    background: url(/wp-content/uploads/arrow-right.svg) no-repeat;
    width: 9px;
    height: 7px;
	margin: 0 5px;
	filter: brightness(0%);
}
/* ### BREADCRUMBS ### */

/* ### CERTIFICATES ### */
.certificates img { border: 1px solid var(--black); }
.certificates .el-content p { font-weight: normal; }
.certificates .el-link:before { display: none; }
/* ### CERTIFICATES ### */

/* ### MAIN CATEGORY ### */
.main-category a h2,
.main-category a h2 { transition: ease-in-out .35s; }
.main-category a:focus h2,
.main-category a:hover h2 { color: var(--red); }
.main-category a:hover .el-link .arrow-right:after,
.main-category a:focus .el-link .arrow-right:after {
	filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(2824%) hue-rotate(347deg) brightness(94%) contrast(105%);
}
.main-category h2 {
	position: absolute;
	z-index: 999;
	bottom: 10px;
	left: 20px;
	color: var(--white);
}
.main-category .el-item picture { position: relative; display: block; height: 100%; }
.main-category .el-item picture:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: linear-gradient(45deg, rgba(0 0 0 / 60%) 0%, transparent 100%);
}
.main-category .el-item a div:nth-child(3) { position: absolute; z-index: 999; bottom: 27px; right: 30px; }
/* ### MAIN CATEGORY ### */

/* ### FORM ### */
.wpcf7-submit {
	color: var(--white);
	height: 45px;
	background: var(--red);
	padding: 0 20px;
}
.wpcf7-submit:focus,
.wpcf7-submit:hover { background: var(--dark-red); }
.wpcf7-submit[disabled] { color: var(--black); background: var(--off-white); }

.wpcf7-not-valid-tip { display: none; }
.wpcf7-response-output {
	color: #fff;
	background: #00d082;
    border: 0 !important;
    padding: 15px 20px !important;
    margin: 40px 0 0 !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output { background: #fc1263; }
.wpcf7 form .wpcf7-not-valid { border-color: #fc1263; }
/* ### FORM ### */

/* ### FORM CHECKBOX ### */
.checkbox { display: grid; grid-template-columns: 20px auto; gap: 7px; margin: 10px 0 30px; }
.checkbox p { margin: 0; }
.checkbox .uk-checkbox {
    position: relative;
    top: -2px;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
	border: 1px solid var(--black);
	margin: 0;
}
.checkbox .uk-checkbox:checked { background-image: none; background-color: transparent; }
.checkbox .uk-checkbox:checked:after {
	position: relative;
	top: 0.5px;
	content: '';
	display: block;
    background: url(/wp-content/uploads/check.svg) no-repeat;
    width: 12px;
    height: 9px;
}
.checkbox .wpcf7-list-item { margin: 4px 0 0; }
.checkbox .checkbox-text span { display: block; }

@media (max-width: 1199px) {
	.checkbox { margin-left: 0; }
}

.codedropz-upload-handler {
	background: rgba(255 255 255 / 10%);
	border: 1px dashed rgba(0,0,0,.15) !important;
	border-radius: 0 !important;
	margin-bottom: 0;
	cursor: default;
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.codedropz-upload-handler:focus,
.codedropz-upload-handler:hover {
	background: rgba(255 255 255 / 15%);
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.codedropz-upload-container { padding: 0; }
.dnd-upload-counter { right: 12px; bottom: 7px; }
.codedropz-upload-inner h3,
.codedropz-upload-inner span { display: none; }
.codedropz-upload-inner .cd-upload-btn { display: block; color: var(--black); padding: 40px 25px; }
.codedropz-upload-inner .cd-upload-btn:before {
	content: '';
	position: relative;
	top: 1px;
    display: inline-block;
    background: url(/wp-content/uploads/upload.svg) no-repeat;
    width: 16px;
    height: 16px;
	margin-right: 5px;
	filter: brightness(0) invert(1);
}

.dnd-upload-status {
	position: relative !important;
    display: flex !important;
    gap: 12px;
    align-items: center !important;
    width: calc(100% - 35px) !important;
    background: var(--off-white);
    border-radius: 12px;
    padding: 12px 18px 25px !important;
    margin-top: 12px;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.dnd-upload-status .dnd-upload-details { width: 100%; padding: 0; }
.dnd-upload-status .dnd-upload-details .dnd-progress-bar { width: calc(100% + 10px); background: #4CAF50 !important; padding: 5px; }
.dnd-upload-status .dnd-upload-details .dnd-progress-bar:focus,
.dnd-upload-status:hover {
	background: var(--off-white);
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.dnd-upload-status .dnd-upload-details .name { color: var(--black); }
.dnd-upload-status .dnd-upload-details .name span { color: var(--black); padding: 0 !important; }
.dnd-upload-image { display: none; }
.dnd-upload-details { width: 100%; padding: 0; }
.dnd-upload-details .name {
	color: var(--black);
	align-items: flex-end;
	gap: 12px;
	padding: 0;
}
.dnd-upload-details .name span { padding: 0; }
.dnd-upload-details .name em {
	font-family: 'Inter';
	font-size: 11px;
	font-weight: 600;
	font-style: normal;
	color: var(--off-white);
	margin-right: 24px;
}
.dnd-upload-details .dnd-progress-bar { display: none; }
.dnd-upload-details .remove-file .dnd-icon-remove { position: absolute; top: 7px; right: 30px; }
.dnd-upload-details .remove-file .dnd-icon-remove:after {
	content: '' !important;
    display: inline-block !important;
    background-image: url(/wp-content/uploads/xmark.svg) !important;
    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 {
	font-style: normal;
	color: var(--white);
	width: calc(100% - 40px);
	background: red;
    box-shadow: 0 0 0 2px red;
    border: 0;
    border-radius: 10px;
    padding: 15px 20px;
    margin: 25px 0 0 0;
}
/* ### FORM CHECKBOX ### */

/* ### SINGLE PRODUCT ### */
.made-in-germany { position: relative; }
.made-in-germany:after {
	content: '';
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	height: 100px;
    width: 100px;
	background: url(/wp-content/uploads/made-in-germany.svg) no-repeat;
}
.siebdrucktransfers-note:before {
	content: 'Exakte Farbt\00f6ne da manuell gemischt, nach Pantone C oder U, HKS K oder N + Sonderfarben - Selbst kleine Details druckbar';
	position: absolute;
	right: 15px;
	bottom: 15px;
	left: 15px;
	color: var(--red);
	font-size: 10px;
	font-weight: 600;
	line-height: 1.325;
	text-align: center;
	background: var(--white);
	padding: 6px;
}

.feature-switcher .el-nav { border-bottom: 1px solid var(--black); margin: 0; }
.feature-switcher .el-title { display: none; }
.feature-switcher .el-content { background: var(--off-white); padding: 25px 30px; margin: 0 !important; }

.inspiration-slider img { display: block; margin: 0 auto; }

.single_add_to_cart_button { line-height: 44.38px; border: 0 !important; }

.product-template-default .cart .quantity:after { content: 'Laufmeter'; margin-left: 5px; }
.postid-18.product-template-default .cart .quantity:after,
.postid-17.product-template-default .cart .quantity:after,
.postid-19.product-template-default .cart .quantity:after,
.postid-20.product-template-default .cart .quantity:after { content: 'Stk.'; }

.product_meta { margin-top: 0 !important; }
.product_meta .posted_in { display: none; }

.variations_form .label { padding: 0 !important; }
.variations_form .label label {
	display: block;
	font-family: 'Inter';
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	margin-bottom: 10px;
	margin-left: -15px;
}

.variations tbody tr:last-child .label label:after { content: ': Polyester'; }
.variations tbody tr:last-child .value select,
.variations tbody tr:last-child .value .reset_variations { display: none; }
/* ### SINGLE PRODUCT ### */

/* ### UPSELLING PRODUCT ### */
.upsell { background: var(--off-white); padding: 20px; }
.upsell p { font-size: 13px; line-height: 1.5; margin: 0; }

.woocommerce .checkbox .uk-checkbox {
    position: relative;
    top: 2px;
	display: flex !important;
    justify-content: center;
    align-items: center;
    width: 20px !important;
    height: 20px !important;
	border: 1px solid var(--black) !important;
	margin: 0 !important;
}

.woocommerce .checkbox .uk-checkbox:checked,
.woocommerce .checkbox .uk-checkbox:checked:focus { background: transparent; }

.woocommerce .checkbox .checkbox-text span { display: ruby; }
/* ### UPSELLING PRODUCT ### */

/* ### MODAL ### */
.beispielberechnung-modal {
	background: transparent;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	transition: backdrop-filter .3s;
}
.beispielberechnung-modal-dialog {
    color: var(--white);
	width: 800px;
    box-shadow: rgba(55 56 78 / 15%) 0px 7px 29px 0px;
	padding: 55px 65px 55px;
}
.beispielberechnung-modal-dialog .uk-close {
	opacity: .5;
	color: var(--black);
	top: 25px;
	right: 25px;
	transition: ease-in-out .35s;
}
.beispielberechnung-modal-dialog .uk-close:focus,
.beispielberechnung-modal-dialog .uk-close:hover { opacity: 1; }
.beispielberechnung-modal-dialog .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke-width: 2; }

[uk-toggle="target: #beispielberechnung-modal"] button { margin-bottom: 20px; }
.beispielberechnung-modal-dialog h3 span { color: var(--red); }
.beispielberechnung-modal-dialog p,
.beispielberechnung-modal-dialog span { color: var(--black); }

.beispielberechnung-modal-dialog h3.uk-h2 { margin-top: 0; }
.beispielberechnung-modal-dialog p { margin: 0; }
.beispielberechnung-modal-dialog .grid { display: grid; gap: 20px; }
.beispielberechnung-modal-dialog .img-group { display: grid; gap: 20px; }
.beispielberechnung-modal-dialog .grid .grid-item {
	display: grid;
    grid-template-columns: 50px calc(100% - 50px);
	align-items: center;
    gap: 20px;
	color: var(--black);
}

@media (max-width: 639px) {
    .beispielberechnung-modal-dialog { padding: 64px 30px 30px; }
}
/* ### MODAL ### */

/* ### DTF TRANSFERS ### */
table.dtf-staffelpreise { margin-top: 10px; }
table.dtf-staffelpreise thead { background: var(--black); }
table.dtf-staffelpreise thead tr,
table.dtf-staffelpreise tbody tr { height: 48.38px; }
table.dtf-staffelpreise tbody tr:first-child { border-top: 0; }
table.dtf-staffelpreise tbody tr { border-top: 1px solid var(--off-white-2); }
table.dtf-staffelpreise tbody tr:last-child { border-bottom: 1px solid var(--off-white-2); }
table.dtf-staffelpreise tbody tr:nth-child(2n + 2) { background: var(--off-white); }
table.dtf-staffelpreise thead tr th:nth-child(2),
table.dtf-staffelpreise tbody tr td:nth-child(2),
table.dtf-staffelpreise thead tr th:nth-child(3),
table.dtf-staffelpreise tbody tr td:nth-child(3) { text-align: right; }
table.dtf-staffelpreise thead tr th { color: var(--white); padding: 0 15px; }
table.dtf-staffelpreise tbody tr td { padding: 0 15px; }
table.dtf-staffelpreise tbody tr td:first-child:before { content: 'bis '; }
table.dtf-staffelpreise tbody tr:last-child td:first-child:before { content: 'ab '; }
table.dtf-staffelpreise tbody tr td:nth-child(2):after { content: '*'; }
table.dtf-staffelpreise tbody tr td:last-child:after { content: '* / m²'; }

.custom-upload-container {
	line-height: 125px;
	text-align: center;
	height: 125px;
	background: var(--off-white);
	border: 1px dashed var(--grey);
	margin-top: 10px;
}
.custom-upload-container button {
	color: var(--red);
	font-family: 'Inter';
	font-size: 15px;
	font-weight: 600;
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	transition: ease-in-out .35s;
}

.custom-upload-container button:focus,
.custom-upload-container button:hover { color: var(--black); }

#dtf-file-list { padding: 0; margin-top: 10px; }
#dtf-file-list .dtf-file-item {
	position: relative;
	background: var(--off-white);
	border: 1px solid var(--grey);
	padding: 10px 15px 15px;
	margin-top: 10px;
}
#dtf-file-list .dtf-file-item .file-name { font-weight: 600; }
#dtf-file-list .dtf-file-item .file-size { margin-left: 5px; }
#dtf-file-list .dtf-file-item img {
	position: absolute;
    top: 13px;
    right: 15px;
	height: 17px;
	width: 15px;
	cursor: pointer;
}

.dtf-progress-bar {
    color: var(--white);
	font-size: 11px;
	font-weight: 600;
	line-height: 20px;
    text-align: center;
    height: 20px;
	width: 0%;
	margin-top: 10px;
}
/* ### DTF TRANSFERS ### */

/* ### SIEBDRUCKTRANSFERS ### */
table.wqm-pricing-table thead:before {
	content: 'Ihr Staffelpreis';
	display: block;
	background: var(--white);
	font-weight: 600;
	padding-bottom: 10px;
}
table.wqm-pricing-table { margin: 20px 0; }
table.wqm-pricing-table thead { background: var(--black); }
table.wqm-pricing-table thead tr,
table.wqm-pricing-table tbody tr { height: 48.38px; }
table.wqm-pricing-table thead tr { color: var(--white); }
table.wqm-pricing-table thead tr th:last-child,
table.wqm-pricing-table tbody tr td:last-child { text-align: right; }
table.wqm-pricing-table tbody tr:first-child { border-top: 0; }
table.wqm-pricing-table tbody tr { border-top: 1px solid var(--off-white-2); }
table.wqm-pricing-table tbody tr:last-child { border-bottom: 1px solid var(--off-white-2); }
table.wqm-pricing-table tbody tr:nth-child(2n + 2) { background: var(--off-white); }

.wqm--clickable tbody tr.active td { background: var(--red) !important; }
/* ### SIEBDRUCKTRANSFERS ### */

/* ### WARENKORB ### */
.return-to-shop { margin-bottom: 0; }

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	color: var(--black);
    font-size: 15px;
    line-height: 1.625;
    background: var(--off-white);
    border: 0;
    padding: 20px 25px;
}
@media (max-width: 959px) {
	.woocommerce-error,
	.woocommerce-info,
	.woocommerce-message,
	.cart-empty { margin-top: 0 !important; }
}

.woocommerce table.shop_table > :first-child > tr:not(:first-child),
.woocommerce table.shop_table > :not(:first-child) > tr,
.woocommerce table.shop_table > tr:not(:first-child) { border-top: 1px solid var(--off-white-2); }
.tax-rate small { display: none; }

.woocommerce table.shop_table thead th {
	color: var(--black);
	font-weight: 600;
	text-align: center;
	text-transform: none;
}

.woocommerce-cart-form__contents .cart_item .product-remove { padding: 0 25px !important; }
.woocommerce-cart-form__contents .cart_item .product-price,
.woocommerce-cart-form__contents .cart_item .product-quantity,
.woocommerce-cart-form__contents .cart_item .product-subtotal {	padding: 0 25px !important;	text-align: center; }
.woocommerce-cart-form__contents .cart_item .product-subtotal { padding-right: 0 !important; }

.product-remove a.remove { font-size: 22px; height: 100%; width: 100%; }

.product-name a { transition: ease-in-out .35s; }
.product-name a:focus,
.product-name a:hover { color: var(--green) !important; }
.product-name .variation { color: rgba(0 0 0 / 50%); margin-top: 10px; }
.product-name .variation > * { font-size: 11px; }

#shipping_method { margin: 0; }
#shipping_method label { font-size: 0; }
#shipping_method label .amount { font-size: 15px; }
.woocommerce-shipping-methods li { justify-content: flex-end; }
.woocommerce-shipping-calculator { display: none; }
label[for="shipping_method_0_flat_rate1"] { font-size: 0; }
label[for="shipping_method_0_flat_rate1"] .woocommerce-Price-amount { font-size: 15px; }

.cart_totals h2 { font-size: 34px; }
@media (min-width: 960px) {
	.cart_totals h2 { font-size: 38px; }
}
.order-total th,
.order-total td strong { font-weight: 600 !important; }

.woocommerce table.shop_table td.actions { padding: 20px 0 !important; }
.actions .coupon { display: flex !important; }
.actions .coupon .input-text,
.woocommerce input.input-text,
.woocommerce select {
	color: var(--black);
    height: 44.38px;
    border: 1px solid var(--off-white-2);
    padding: 0 15px;
	margin: 0;
}
.actions .coupon .input-text:focus,
.woocommerce input.input-text:focus,
.woocommerce select:focus { border-color: var(--red) !important; }
.actions .coupon button,
.checkout_coupon button,
.actions button[value="Warenkorb aktualisieren"],
.return-to-shop a,
.shipping-calculator-form button,
.wc-proceed-to-checkout a.checkout-button {
	color: var(--white) !important;
	font-size: 15px;
	line-height: 44.38px;
	background: var(--red) !important;
	border: 0 !important;
}
.actions .coupon button,
.checkout_coupon button,
.actions button[value="Warenkorb aktualisieren"] {
	color: rgba(0 0 0 / 50%) !important;
	background: var(--off-white) !important;
}
.return-to-shop a:focus,
.return-to-shop a:hover,
.actions .coupon button:focus,
.actions .coupon button:hover,
.checkout_coupon button:focus,
.checkout_coupon button:hover,
.actions button[value="Warenkorb aktualisieren"]:focus,
.actions button[value="Warenkorb aktualisieren"]:hover,
.shipping-calculator-form button:focus,
.shipping-calculator-form button:hover
.wc-proceed-to-checkout a.checkout-button:focus,
.wc-proceed-to-checkout a.checkout-button:hover { background: var(--dark-red) !important; }
.actions .coupon button:focus,
.actions .coupon button:hover,
.checkout_coupon button:focus,
.checkout_coupon button:hover,
.actions button[value="Warenkorb aktualisieren"]:focus,
.actions button[value="Warenkorb aktualisieren"]:hover { color: var(--white) !important; background: var(--red) !important; }

@media (max-width: 959px) {
	.shop_table.cart tbody { display: grid; gap: 15px; }
	
	.woocommerce-cart-form__contents .cart_item {
		display: grid;
		border: 1px solid var(--off-white-2) !important;
		padding: 15px;
	}
	td.product-name,
	.woocommerce-cart-form__contents .cart_item .product-remove,
	.woocommerce-cart-form__contents .cart_item .product-price,
	.woocommerce-cart-form__contents .cart_item .product-quantity,
	.woocommerce-cart-form__contents .cart_item .product-subtotal { border: 0; }
	
	.woocommerce-cart-form__contents .cart_item .product-remove { width: fit-content; padding: 0 !important; }
	.woocommerce-cart-form__contents .cart_item .product-remove a { display: flex; justify-content: flex-start; font-size: 0; }
	.woocommerce-cart-form__contents .cart_item .product-remove a:before {
		content: 'Produkt entfernen';
		color: rgba(0 0 0 / 50%);
		font-size: 13px;
		font-weight: 700;
		letter-spacing: .5px;
		line-height: 35px;
		text-transform: uppercase;
		background: var(--off-white-2);
		padding: 0 15px;
		transition: ease-in-out .35s;
	}
	.woocommerce-cart-form__contents .cart_item .product-remove a:focus:before,
	.woocommerce-cart-form__contents .cart_item .product-remove a:hover:before {
		color: var(--white);
		background: var(--red);
	}
	
	.woocommerce table.shop_table td { padding: 15px 0 !important; }
	.cart .cart_item .product-thumbnail { padding: 15px 0 0 !important; margin: 0; }
	
	.woocommerce table.shop_table.cart td.product-price,
	.woocommerce table.shop_table.cart td.product-quantity,
	.woocommerce table.shop_table.cart td.product-subtotal {
		width: 100%;
		border-top: 1px solid var(--off-white-2);
		padding: 15px 0 !important;
	}
	.woocommerce table.shop_table.cart td.product-subtotal { padding-bottom: 0 !important; }
	.cart .cart_item .product-price .amount,
	.cart .cart_item .product-quantity,
	.cart .cart_item .product-subtotal .amount { display: flex; align-items: center; gap: 5px; }
	.cart .cart_item .product-quantity { gap: 10px; }
	.cart .cart_item .product-subtotal .amount,
	.cart .cart_item .product-subtotal .amount:before { font-weight: 600; }
	.cart .cart_item .product-price .amount:before { content: 'Preis:'; }
	.cart .cart_item .product-quantity:before { content: 'Anzahl:'; }
	.woocommerce input.input-text.qty { width: 5em; }
	.cart .cart_item .product-subtotal .amount:before { content: 'Zwischensumme:'; }
	
	.woocommerce table.shop_table td.actions { padding: 15px 0 !important; }
	.actions { display: block; width: 100% !important; }
	.actions .coupon { display: grid !important; width: 100%; margin-bottom: 15px; }
	.actions button[value="Warenkorb aktualisieren"],
	.actions .coupon .input-text { width: 100%; }
}
/* ### WARENKORB ### */

/* ### DTF TRANSFERS WARENKORB ### */
dl.variation dt.variation- { display: none; }
dl.variation dd.variation- p { display: grid; }
/* ### DTF TRANSFERS WARENKORB ### */

/* ### ACCOUNT ### */
.woocommerce:has(> .woocommerce-MyAccount-navigation) { display: grid; grid-template-columns: 25% calc(75% - 40px); gap: 40px; }
.woocommerce-MyAccount-content::before { display: none; }

.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content { width: 100%; }

.woocommerce-MyAccount-navigation li { margin-bottom: 10px; }
.woocommerce-MyAccount-navigation li:last-child { margin-bottom: 0; }
.woocommerce-MyAccount-navigation li a {
	display: flex;
	justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
	color: rgba(0 0 0 / 50%) !important;
	background: var(--off-white);
	padding: 10px 18px !important;
}
.woocommerce-MyAccount-navigation li a:focus,
.woocommerce-MyAccount-navigation li a:hover { color: var(--red) !important; }
.woocommerce-MyAccount-navigation li a:focus img,
.woocommerce-MyAccount-navigation li a:hover img {
	filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(2824%) hue-rotate(347deg) brightness(94%) contrast(105%);
	opacity: 1;
}
.woocommerce-MyAccount-navigation li.is-active a {
	color: var(--white) !important;
	background: var(--red);
}

.wcmtx-my-account-links a { background: var(--off-white); box-shadow: none; transition: all .35s; }
.wcmtx-my-account-links a:focus,
.wcmtx-my-account-links a:hover { color: var(--white); background: var(--red); transition: all .35s; }
.wcmtx-my-account-links a:focus p,
.wcmtx-my-account-links a:hover p { color: var(--white); }
.wcmtx-my-account-links a:focus img,
.wcmtx-my-account-links a:hover img { filter: brightness(0) invert(1); }

.woocommerce-MyAccount-navigation li.is-active img.wcmamtx_upload_image_icon { filter: brightness(0) invert(1); opacity: 1; }
.woocommerce-MyAccount-navigation img.wcmamtx_upload_image_icon { opacity: .5; }
.wcmtx-my-account-links img.wcmamtx_upload_image_icon { width: 30px; height: 30px; }

.form-row label:first-child:not(.checkbox,.woocommerce-form__label-for-checkbox) {
	color: var(--black);
	font-family: 'Inter';
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

.woocommerce-EditAccountForm.edit-account fieldset legend { display: none; }

@media (max-width: 959px) {
	.woocommerce:has(> .woocommerce-MyAccount-navigation) { display: grid; grid-template-columns: 100%; gap: 40px; }
}
@media (max-width: 639px) {
	.woocommerce-MyAccount-navigation ul { display: grid; margin-bottom: 0; }
	.woocommerce-MyAccount-navigation ul > * > :first-child {
		font-family: 'Inter';
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 0;
		text-transform: none;
	}
	
	.wcmtx-grid { grid-template-columns: repeat(2, 1fr); }
}
/* ### ACCOUNT ### */

/* ### FOOTER ### */
.footer { background: var(--black); padding-top: 70px; }
.footer .uk-grid-margin > .uk-panel { margin: 0 !important; }

.footer h4 { color: var(--red); margin-bottom: 10px; }
.footer p { color: var(--white); margin-top: -10px; }
.footer p span { font-size: 11px; font-weight: 600; }
.footer a { color: var(--white); text-decoration: underline; }
.footer a:focus,
.footer a:hover { text-decoration: none; }

.footer ul { display: grid; gap: 5px; }
.footer ul:before {
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	height: 100%;
	background: var(--white);
}
.footer ul li { padding-left: 15px; }
.footer ul li a { font-size: 15px; font-weight: 400; padding: 0; }
.footer ul li a:before { transition: ease-in-out .35s; }
.footer ul li.uk-active a:before,
.footer ul li a:focus:before,
.footer ul li a:hover:before {
	content: '';
	position: absolute;
	left: 0;
	display: block;
	width: 1px;
	height: 24.38px;
	background: var(--red);
}

@media (max-width: 639px) {
	.footer h3 span { display: none; }
}
@media (max-width: 430px) {
	.footer ul:before { height: 100%; }
	
	.footer .uk-container .uk-grid:last-child div { width: 100%; }
	.footer .uk-container .uk-grid:last-child .uk-grid-margin { margin-top: 40px; }
}
/* ### FOOTER ### */

/* ### COPYRIGHT ### */
.copyright { background: var(--black); border-top: 1px solid rgba(255 255 255 / 15%); }
.copyright .uk-container .uk-grid { position: relative; }

.copyright p { color: var(--white); font-family: 'Inter'; font-size: 13px; font-weight: 600; margin-bottom: 0; }
.copyright a { color: var(--white); transition: ease-in-out .35s; }
.copyright a:focus,
.copyright a:hover { color: var(--green); }
.copyright small { display: block; color: var(--white); font-family: 'Inter'; font-size: 10px; }

.copyright .social-nav { display: flex; justify-content: flex-end; align-items: center; gap: 15px; }
.copyright .social-nav img { height: 16px; }
.copyright .social-nav a { transition: ease-in-out .35s; }
.copyright .social-nav a:focus,
.copyright .social-nav a:hover {
	filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(2824%) hue-rotate(347deg) brightness(94%) contrast(105%);
}

@media (max-width: 639px) {
	.copyright .uk-container .uk-grid:before { display: none; }
	
	.copyright .uk-panel { text-align: center; }
	.copyright .social-nav { justify-content: center; }
}
/* ### COPYRIGHT ### */

/* ### FONTS ### */
@font-face {
	font-family: 'SNES-Italic';
	src: url('../fonts/SNES-Italic.ttf.woff') format('woff'),
		 url('../fonts/SNES-Italic.ttf.svg#SNES-Italic') format('svg'),
		 url('../fonts/SNES-Italic.ttf.eot'),
		 url('../fonts/SNES-Italic.ttf.eot?#iefix') format('embedded-opentype'); 
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ### FONTS ### */