﻿html > body {
	font-family: 'Inter', Arial, sans-serif !important;
	letter-spacing: -0.03em;
}

.page::after, .page-title::after, .page-body::after {
	display: none !important;
}

.inputs.center {
	text-align: center !important;
}

.logout-button {
	margin: 10px 0;
}

.header-news {
	width: 32%;
	height: 68px;
	position: absolute;
	display: flex;
	background-color: #fff;
	left: 27%;
	z-index: 2;
	justify-content: center;
}

textarea.inline-comment {
	width: 100%;
	resize: none;
	overflow: hidden;
	min-height: unset;
	height: 30px;
}

.loader-background.active {
	display: flex;
	position: absolute;
	width: 35%;
	height: inherit;
	background: #fff;
	align-items: center;
	justify-content: center;
	opacity: 0.7;
}

.loader.active {
	border: 7px solid #f3f3f3;
	border-radius: 50%;
	border-top: 7px solid #999 !important;
	width: 55px;
	height: 55px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	opacity: 1;
}


/* Safari */
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.cart-options {
	display: flex;
	width: 100%;
	flex-direction: row;
	align-items: center;
	padding: 0;
	flex-wrap: nowrap;
	background-color: white;
}

.checkout-attributes {
	flex-grow: 1;
	float: unset !important;
	max-width: unset !important;
	margin: 0 !important;
	padding: 10px 20px !important;
}

	.checkout-attributes dd textarea {
		width: 100%;
		resize: none;
		overflow: hidden;
		min-height: unset;
		height: 30px;
	}

.selected-checkout-attributes {
	font-size: 13px;
}

.checkout-attributes dt label {
	font-size: 12px;
}

.common-buttons {
	flex-grow: 1;
}

.product-selectors {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	align-items: center;
	margin-bottom: 20px !important;
}

.total-items {
	flex-grow: 1
}

.category-count {
	font-size: 12px;
	margin: 20px 0 30px 0 !important;
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	align-items: center;
}

	.category-count span {
		flex-grow: 1;
	}

.account-page .company-buttons {
	text-align: center;
	margin: 180px 0 0;
}


.context-selection .customer-blocks {
	margin: 0 0 30px;
}

.context-selection .title {
	margin: 0 0 15px;
	font-size: 20px;
	color: #6b6b6b;
}

	.context-selection .title strong {
		font-weight: normal;
	}

.context-selection .text {
	margin: 0 0 30px;
	border-top: 1px solid #e6e6e6;
	background-color: #f9f9f9;
	padding: 30px;
	line-height: 22px;
}

.header-news-inner {
	margin: 2px 0 0 10px;
	display: block;
	width: 75%;
}

	.header-news-inner h1 {
		font-size: 0.875em;
	}

	.header-news-inner article a {
		font-size: 0.700em;
		color: #333 !important;
	}

	.header-news-inner article {
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
		position: absolute;
	}

		.header-news-inner article:not(.active) {
			opacity: 0;
		}

		.header-news-inner article.active {
		}

.news-buttons a {
	float: left;
	padding: 0 10px;
	margin: 5px 0 0 0;
	background-image: linear-gradient(to top,#ccc,white);
	border-radius: 3px;
	border: 1px solid #ccc;
	text-align: center;
	font-family: 'Inter', Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-shadow: 1px 1px 0 rgba(255,255,255,.75);
}

	.news-buttons a:hover {
		background-image: linear-gradient(to top,#002643,#005695);
		color: #fff;
		text-shadow: 1px 1px 0 rgba(0,0,0,.75);
		border: 1px solid #002643;
		background: #002643\9
	}

.header-news-inner article .datesmall {
	font-size: .625em;
	font-family: 'Inter', 'HelveticaNeueW02-85Heavy',Arial,sans-serif;
	color: #333;
}

.news-gallery {
	float: left;
	width: 25%;
	margin: 0 10px 0 0;
}

	.news-gallery img {
		width: 90px;
		height: 65px;
		border: 1px solid #ccc;
		margin: 0 10px 0 0;
		padding: 0 0 0 0;
		float: left;
	}

	.news-gallery object {
		width: 90px;
		height: 65px;
		border: 1px solid #ccc;
		margin: 0 10px 0 0;
		padding: 0 0 0 0;
		float: left;
	}

.news-content {
	width: 200px;
	height: 65px;
	float: left;
}

.hn-horizontal.hn-arrows {
	width: 100%;
	left: 0;
	top: 40%;
	margin-top: -15px;
}

.hn-arrow {
	position: relative;
	display: block;
	width: 20px;
	height: 30px;
	cursor: pointer;
	margin: auto;
}

.home-page-product-grid .hn-arrow {
	width: 25px;
	height: 45px;
}

.header-news .hn-next-arrow {
	right: 5px;
}

.centered-arrow {
	height: 40px;
	width: 65px;
	margin: auto;
	background: #fff;
}

	.centered-arrow .hn-arrow.hn-next-arrow {
		transform: rotate(90deg);
	}

	.hn-next-arrow:hover:after, .hn-next-arrow:hover:before,
	.hn-previous-arrow:hover:before, .hn-previous-arrow:hover:after,
	.centered-arrow .hn-next-arrow:hover:before, .centered-arrow .hn-next-arrow:hover:after {
		opacity: 1;
	}

	.centered-arrow .hn-next-arrow:before {
		right: -10%;
		top: -16%;
		-webkit-transform: skew(35deg,0deg);
		-ms-transform: skew(35deg,0deg);
		transform: skew(35deg,0deg);
		content: '';
		position: absolute;
		width: 70%;
		height: 65%;
		background-color: #000;
		opacity: .1;
		-webkit-transition: opacity .5s;
		transition: opacity .5s;
	}

	.centered-arrow .hn-next-arrow:after {
		right: -10%;
		top: 50%;
		-webkit-transform: skew(-35deg,0deg);
		-ms-transform: skew(-35deg,0deg);
		transform: skew(-35deg,0deg);
		content: '';
		position: absolute;
		width: 70%;
		height: 65%;
		background-color: #000;
		opacity: .1;
		-webkit-transition: opacity .5s;
		transition: opacity .5s;
	}

.hn-next-arrow:before {
	right: 30%;
	top: 0;
	-webkit-transform: skew(35deg,0deg);
	-ms-transform: skew(35deg,0deg);
	transform: skew(35deg,0deg);
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	background-color: #000;
	opacity: .1;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.hn-next-arrow:after {
	right: 30%;
	top: 50%;
	-webkit-transform: skew(-35deg,0deg);
	-ms-transform: skew(-35deg,0deg);
	transform: skew(-35deg,0deg);
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	background-color: #000;
	opacity: .1;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.header-news .hn-previous-arrow {
	left: 5px;
}

.hn-previous-arrow:before {
	left: 30%;
	top: 0;
	-webkit-transform: skew(145deg,0deg);
	-ms-transform: skew(145deg,0deg);
	transform: skew(145deg,0deg);
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	background-color: #000;
	opacity: .1;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.hn-previous-arrow:after {
	left: 30%;
	top: 50%;
	-webkit-transform: skew(-145deg,0deg);
	-ms-transform: skew(-145deg,0deg);
	transform: skew(-145deg,0deg);
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	background-color: #000;
	opacity: .1;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.home-page-product-grid .title {
	border: 0 !important;
	padding: 0 !important;
	color: #002743 !important;
	margin: 5px 0 0 !important;
	font-size: 1.625em !important;
	font-weight: normal;
	font-family: 'Inter', 'HelveticaNeueW02-85Heavy', Arial, sans-serif;
	letter-spacing: -1px;
	padding-bottom: 10px !important;
}

.home-page-product-grid {
	width: 62%;
	float: left;
	margin: 0 3% 2% 0 !important;
}

	.home-page-product-grid .item-grid {
		display: flex;
		background: #fff;
	}

	.home-page-product-grid .item-box {
		width: 65% !important;
		margin: auto !important;
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
	}

		.home-page-product-grid .item-box .picture {
			margin: auto 0;
		}

			.home-page-product-grid .item-box .picture a:before {
				padding-top: 75%;
			}

		.home-page-product-grid .item-box:not(.active) {
			display: none;
			opacity: 0;
		}

		.home-page-product-grid .item-box.active {
			display: block;
		}

.home-page-category-grid .title {
	color: #002743 !important;
	margin: 5px 0 10px !important;
	font-size: 1.625em !important;
	font-weight: normal;
	font-family: 'Inter', 'HelveticaNeueW02-85Heavy',Arial,sans-serif;
	letter-spacing: -1px;
	text-align: left !important;
}

.bestsellers {
	width: 35%;
	float: right;
	min-height: 500px;
}

	.bestsellers .title {
		color: #002743 !important;
		margin: 5px 0 0px !important;
		font-size: 1.625em !important;
		font-weight: normal;
		font-family: 'Inter',Arial,sans-serif;
		letter-spacing: -1px;
		text-align: left !important;
		padding-bottom: 10px !important;
	}

	.bestsellers .slimScrollDiv {
		float: left;
		min-height: 500px;
		background-color: #fff;
		width: 100%;
	}

	.bestsellers table tbody tr {
		padding: 5px 0;
		margin: 0 0 0 0;
		color: #5a5a5a;
		background: none repeat scroll 0 0 #fff;
		cursor: pointer;
	}

	.bestsellers table tbody td {
		font-size: 12px;
		font-family: 'Inter',Arial,Helvetica,sans-serif;
		padding: 3px;
		border-bottom: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		text-align: left;
		line-height: 1.2em;
	}

		.bestsellers table tbody td.product-img {
			vertical-align: middle;
			text-align: center;
		}

.bestsellers-scroll-buttons, .my-last-purchases-scroll-buttons, .recommended-scroll-buttons {
	display: flex;
	width: 100%;
	min-height: 25px;
	cursor: pointer;
	background-color: #fff;
	justify-content: center;
	align-items: flex-end;
}

	.bestsellers-scroll-buttons:hover, .my-last-purchases-scroll-buttons:hover, .recommended-scroll-buttons:hover {
		background-color: #000;
	}

		.bestsellers-scroll-buttons:hover > i, .my-last-purchases-scroll-buttons:hover > i, .recommended-scroll-buttons:hover > i {
			border: solid #fff;
			border-width: 0 2px 2px 0;
		}

.bestsellers .item-grid.active {
	display: flex !important;
	flex-direction: column;
	height: 500px;
	width: 100%;
	justify-content: center;
	align-items: center;
	min-height: 500px;
}

.bestsellers-tabs {
	display: flex;
	text-transform: uppercase !important;
	font-weight: normal;
}

	.bestsellers-tabs a {
		border: 0 !important;
		padding: 0 !important;
		margin: 15px 5px 0 !important;
		font-size: 1.0em !important;
		letter-spacing: -1.5px;
		padding-bottom: 10px !important;
		text-transform: uppercase !important;
		font-weight: normal;
		color: #999 !important;
		display: flex;
		width: 50%;
		justify-content: center;
		cursor: pointer;
	}

.bestsellers .bestsellers-tabs a.active {
	color: #002643 !important;
}

.scrollUp {
	padding: 3px;
}

.scrollDown {
	padding: 9px;
}

#inner-bestsellers, #inner-lastpurchase, #inner-recommended {
	display: block;
	width: 100%;
	overflow-y: scroll;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
	flex-grow: 1;
	background: none repeat scroll 0 0 #fff;
}

	#inner-bestsellers::-webkit-scrollbar, #inner-lastpurchase::-webkit-scrollbar, #inner-recommended::-webkit-scrollbar {
		display: none;
	}

.outer-bestsellers, .outer-lastpurchase, .outer-recommended {
	display: none;
	flex-direction: column;
	flex: 1;
}

#inner-recommended {
	font-size: 0.8em;
	overflow-x: hidden;
	overflow-y: auto;
	flex-grow: 1;
	display: block;
	height: 460px;
}

	#inner-recommended table {
		margin: 0px auto;
		border-collapse: collapse;
		width: 95%;
	}

		#inner-recommended table td, #inner-recommended table th {
			border-top: 1px solid #999;
		}

	#inner-recommended tr:last-child td {
		border-bottom: 1px solid #999;
	}

	#inner-recommended table .product-img {
		text-align: center;
		font-size: 11px;
	}

	#inner-recommended table a:link {
		text-decoration: none !important;
		font-weight: 600;
	}

	#inner-recommended table a:hover {
		text-decoration: underline !important;
	}

#bsTabs {
	flex-wrap: nowrap;
	width: 100%;
}

	#bsTabs > li {
		min-width: 0;
		flex-basis: 100%;
	}

		#bsTabs > li:hover {
			min-width: auto;
		}

		#bsTabs > li > button {
			max-width: 100%;
		}

.home-page-category-grid {
	width: 100%;
	float: left;
}

	.home-page-category-grid .item-grid {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}

		.home-page-category-grid .item-grid .item-box {
			width: 110px;
			margin: 0 5px 15px 0;
		}

	.home-page-category-grid .picture a::before {
		padding-top: 84% !important;
	}

	.home-page-category-grid .item-grid .item-box .menu {
		background: none repeat scroll 0 0 #fff;
		bottom: 0;
		padding: 0 0 0 3px;
		position: absolute;
		width: 100%;
		opacity: 0.9;
	}

		.home-page-category-grid .item-grid .item-box .menu .stripe {
			display: block;
			float: left;
			padding: 0;
			margin: 0;
			height: 5px;
			position: absolute;
			bottom: -8px;
			z-index: 1;
			margin-left: -3px;
			width: 100%
		}

	.home-page-category-grid .item-grid .item-box .picture a img, .home-page-category-grid .item-grid .item-box .picture a {
		margin: 0 auto;
	}

		.home-page-category-grid .item-grid .item-box .picture a object {
			margin: 0 auto;
		}

	.home-page-category-grid .item-grid .item-box .menu a {
		cursor: pointer;
		display: block;
		float: left;
		font-family: 'Inter',Arial,Helvetica,sans-serif;
		font-size: .75em;
		font-weight: bold;
		height: 42px;
		opacity: 0.9;
		padding: 5px 5px 0 3px;
		position: relative;
		text-align: center;
		text-decoration: none;
		background: none repeat scroll 0 0 #fff;
		z-index: 1;
		color: #333 !important;
		word-break: break-word;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%
	}

.header-customer-wrapper, .header-selectors-wrapper {
	margin-top: 20px !important;
}

.news-buttons a {
	margin: 0;
}

.fa-bars {
	visibility: hidden;
}

.customer-info-page .buttons {
	margin: 180px 0 0;
}

.customer-info-page
.field-validation-error,
.registration-page .field-validation-error,
.customer-info-page .password-error,
.registration-page .password-error {
	display: flex;
	text-align: center;
	font-size: 13px;
	color: #e4434b;
	margin-top: 5px;
	float: left;
	width: 100%;
	word-break: break-all;
	white-space: normal;
}

.registration-page .buttons {
	margin: 30px 0 0;
}

.registration-page .form-fields, .customer-info-page .form-fields {
	padding: 30px !important;
}

.registration-page .inputs, .customer-info-page .inputs {
	width: 40%;
	display: flex;
	margin: 0 4% 15px 4% !important;
	float: left;
	flex-wrap: wrap;
	justify-content: left;
}

	.registration-page .inputs .required, .customer-info-page .inputs .required {
		margin: 0 10px 0 -16px;
	}

	.registration-page .inputs label, .customer-info-page .inputs label {
		width: 25% !important;
		text-align: left !important;
		margin: 0 29px 0 0 !important;
		white-space: normal;
		margin: auto !important;
	}

	.registration-page .inputs .date-picker-wrapper, .customer-info-page .inputs .date-picker-wrapper {
		width: 400px;
	}

	.registration-page .inputs input[type="text"], .customer-info-page .inputs input[type="text"],
	.registration-page .inputs input[type="email"], .customer-info-page .inputs input[type="email"],
	.registration-page .inputs input[type="password"], .customer-info-page .inputs input[type="password"] {
		text-align: center;
		width: 70% !important;
		float: right !important;
		display: block;
	}

.registration-page .fieldset .title, .customer-info-page .fieldset .title {
	margin: 0 0 30px !important;
	width: 100% !important;
	display: flex;
	justify-content: left;
}

	.registration-page .fieldset .title:not(:nth-of-type(1)), .customer-info-page .fieldset .title:not(:nth-of-type(1)) {
		margin: 20px 0 30px !important;
	}

.registration-page .captcha-box {
	margin: 30px 0;
}

.order-details-page .attributes {
	margin: 5px 0;
}

.order-details-page .data-table td {
	padding: 5px;
}

.order-details-page .data-table th {
	text-align: center;
}

.order-details-page .data-table td.quantity {
	text-align: center;
}

.order-details-page .section {
	margin: 0;
}

.order-details-page .totals.section {
	padding: 0 !important;
}

.order-overview-content li {
}

.order-details-page .order-overview {
	width: 350px;
	max-width: 100%;
	margin: 0 auto !important;
	padding: 20px;
}

	.order-details-page .order-overview .order-number {
		font-weight: 700;
		font-size: 18px;
	}

.order-details-page .header-buttons {
	text-align: center;
	width: 100%;
}

.section.shipments {
	margin-bottom: 40px
}

.arrow {
	border: solid black;
	border-width: 0 2px 2px 0;
	padding: 4px;
}

.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.contact-page .button-1, .email-a-friend-page .button-1 {
	display: inline-block;
	color: #333 !important;
	border: solid 1px #ccc !important;
	background-image: -o-linear-gradient(bottom, #E7E7E7 50%, #DCDCDC 50%);
	background-image: -moz-linear-gradient(bottom, #E7E7E7 50%, #DCDCDC 50%);
	background-image: -ms-linear-gradient(bottom, #E7E7E7 50%, #DCDCDC 50%);
	background-image: linear-gradient(to bottom, #E7E7E7 50%, #DCDCDC 50%);
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

	.contact-page .button-1:hover, .email-a-friend-page .button-1:hover {
		color: #fff;
		background-image: -o-linear-gradient(bottom, #7E7E7E 50%, #666666 50%);
		background-image: -moz-linear-gradient(bottom, #7E7E7E 50%, #666666 50%);
		background-image: -ms-linear-gradient(bottom, #7E7E7E 50%, #666666 50%);
		background-image: linear-gradient(to bottom, #7E7E7E 50%, #666666 50%);
	}

.shopping-cart-page .common-buttons .estimate-shipping-button {
	display: none !important;
}

@media all and (max-width: 1367px) {
	.header-news {
		margin: -2px 30px 0 0;
		width: 38%;
	}

	.customer-info-page .inputs .date-picker-wrapper {
		width: 65%;
	}

	.date-of-birth select {
		font-size: 7pt;
	}

	.registration-page .inputs input[type="text"], .customer-info-page .inputs input[type="text"],
	.registration-page .inputs input[type="email"], .customer-info-page .inputs input[type="email"],
	.registration-page .inputs input[type="password"], .customer-info-page .inputs input[type="password"] {
		width: 60% !important;
	}
}

@media all and (max-width:1001px) {
	.header-news {
		width: 60%;
		margin: 0 20% 0 20%;
		top: 0;
		left: 0;
		position: relative;
	}

	.registration-page .fieldset .title, .customer-info-page .fieldset .title {
		justify-content: center !important;
	}

	.registration-page .inputs, .customer-info-page .inputs {
		width: 100%;
		display: block;
		justify-content: center;
		margin: 0 0 15px;
	}

		.registration-page .inputs label, .customer-info-page .inputs label {
			width: 15% !important;
			margin-top: 10px !important;
			float: left;
		}
}

@media all and (min-width:769px) {
	.header-selectors-wrapper > div {
		width: 100% !important;
	}

	.order-details-area > div {
		text-align: left !important;
	}

	.order-details-page .header-buttons {
		float: right;
		text-align: right;
	}

	.order-details-page .order-overview {
		width: 48%;
		margin: 0 1% !important;
		padding: 20px;
		text-align: left !important;
	}

	.header-customer-wrapper {
		margin-top: 20px !important;
	}

	.news-buttons {
		margin: 5px 0 0 0;
	}
}

@media all and (max-width:769px) {
	.registration-page .inputs label, .customer-info-page {
		text-align: center !important;
	}

		.registration-page .inputs .required, .customer-info-page .inputs .required {
			margin: 0 -40px 0 0;
		}

	.home-page-product-grid {
		width: 100%
	}

		.home-page-product-grid .title {
			text-align: center;
		}

	.bestsellers {
		width: 100%
	}

		.bestsellers .title {
			text-align: center;
		}
}

@media all and (max-width:550px) {
	.header-news {
		display: none
	}

	.header-menu {
		width: 38px !important;
		color: #fff;
		float: left;
		border-right: solid 1px #052838;
		cursor: pointer;
	}

	a.cd-dropdown-trigger {
		visibility: hidden;
	}

	.fa-bars {
		visibility: visible !important;
	}

	.cd-dropdown-trigger {
		width: 38px !important;
		padding: 13px 5px 0 13px !important;
		line-height: 10px !important;
	}

	.search-box-button {
		padding: 0 5px 0 5px !important;
		width: auto !important;
	}

	.search-box {
		width: calc(100% - 38px) !important;
	}

	.search-box-text {
		width: calc(100% - 70px) !important;
	}

	.header-selectors-wrapper {
		width: 100%;
		display: none;
	}

	.header-customer-wrapper {
		margin-top: 0px !important;
	}

	.header-logo {
		width: 100%;
		text-align: center;
	}

	.footer-upper {
		padding-top: 0px !important
	}
}

@media all and (min-width:481px) {
	.header-selectors-wrapper > div {
		width: 100% !important;
	}

	.header-selectors-wrapper > div {
		width: 100% !important;
		margin: 0 30px 0 0 !important;
	}
}

@media all and (max-width:550px) {
	.news-content {
		width: 54%;
	}
}

@media all and (max-width:481px) {
	.header-selectors-wrapper > div {
		margin: 0 !important;
	}
}


.content-startseite {
	margin: 15px auto 0 auto;
	min-height: 50px;
	margin-top: 50px;
}

	.content-startseite article {
		border: 1px solid #d7d7d7;
		background-color: #fff;
		width: 227px;
		min-height: 230px;
		float: left;
		margin: 10px 13px 0 0;
		margin-top: 10px;
		margin-right: 13px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 2px;
		background: #fff url(/Plugins/Foerch2021.Common/Content/Images/bg_teaserbox.png) no-repeat 0 120px;
	}

		.content-startseite article h1 {
			padding: 0;
			font-size: 1.625em;
			font-weight: normal;
			letter-spacing: -1px;
			color: #002743
		}

	.content-startseite header {
		background: none
	}

	.content-startseite article hgroup h2 a {
		background: none;
		color: rgb(0, 39, 67) !important;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: -.02em;
		line-height: 1em;
		margin: 5px 0 0 0;
		padding: 0 0 3px
	}

	.content-startseite article hgroup {
		padding: 15px 0 5px 10px;
		float: left;
		width: 95%;
	}

.info-box-teaser {
	width: 224px;
	height: 120px;
	float: left;
	margin: 0;
	padding: 0 0 5px 0;
	overflow: hidden;
}

.info-box-background {
	margin: 0 auto;
	background: url(/Plugins/Foerch2021.Common/Content/images/bg_content.png) repeat-x top center;
	overflow: hidden
}

.content-startseite p {
	font-family: 'Inter',Arial,Helvetica,sans-serif;
	padding: 0;
	margin: 2px 5px 0 10px;
	float: left;
	display: block;
	width: 200px;
	font-size: 12px;
	font-size: .75em;
	line-height: 1.375em;
	color: rgb(51, 51, 51);
}

@media all and (max-width:1367px) {
	.info-box-teaser {
		width: 187px;
		height: 110px;
	}

		.info-box-teaser img {
			width: 184px;
		}

		.info-box-teaser object {
			width: 184px;
		}

	.content-startseite article {
		width: 187px;
		background: #fff url(/Plugins/Foerch2021.Common/Content/Images/bg_teaserbox.png) no-repeat 0 98px;
	}

	.content-startseite p {
		margin: 2px 5px 0 10px;
		width: 180px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.content-startseite article hgroup {
		padding: 5px 0 5px 10px;
		float: left;
		width: 95%;
	}
}

.activate-account {
	vertical-align: middle;
}

.textLeft {
	text-align: left !important;
}

.search-category-grid .item-grid {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 20px;
}

.search-category-grid .sub-category-item {
	width: 135px;
	height: 115px;
	float: left;
	margin: 5px 10px 5px 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	border: solid 1px #ccc;
	background-color: #fff;
}

	.search-category-grid .sub-category-item:hover {
		border: solid 1px #000;
	}

	.search-category-grid .sub-category-item .title {
		text-align: center;
		font-size: 0.83em;
		bottom: 3px;
		width: 100%;
		padding: 5px;
		max-height: 34px;
		height: 34px;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

#mobileSearchRow {
	width: 100%;
}

	#mobileSearchRow .search-box-container {
		margin: 5px 0px !important;
	}

.ui-autocomplete {
	z-index: 10000 !important;
}

.activateFormItem {
	height: 38px !important;
	min-width: 228px !important;
}

.activateFormBox {
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
}

.quantity-input {
	min-width: 55px;
}

.transfer-product, .transfer-product a {
	background: #fce8e6;
	color: #ef3b2a;
}

.networks {
	display: flex;
	padding: 0;
	gap: 5px;
}

	.networks li {
		list-style: none;
	}

	.networks svg {
		width: 27px;
		height: 27px;
		color: #fff;
	}

		.networks svg:not(#instagram) path {
			fill: #fff;
		}

/* Product controls */

.btn.btn-controls {
	text-decoration: none;
	font-size: 14px;
}

	.btn.btn-controls:hover {
		text-decoration: underline;
		color: #ef3b2a;
	}

.product-description-controls {
	display: flex;
	justify-content: space-between;
}

.overview > .product-description {
	padding: 0;
}

.product-description.p-collapsed {
	overflow: hidden;
}

.arrow-icon {
	width: 20px;
	height: 20px;
	color: #ef3b2a;
}

@media(max-width:991px) {
	.product-description-controls {
		flex-direction: column;
		align-items: start;
	}
}

.full-description {
	font-size: 14px;
	font-weight: 400;
}

.product-name h1 {
	font-size: 2.75rem;
}

.breadcrumb {
	font-weight: 400;
}

.product-details-page .tabs-wrapper {
	font-weight: 500;
}

.row .overview .product-description .product-description-tech {
	padding-bottom: 0;
}

.product-description-wrapper {
	max-height: 100%;
}

.product-description {
	overflow: hidden;
}

.btn.btn-white {
	width: 100%;
	padding: 11px 0.75rem;
}

.btn.btn-coupon {
	width: auto;
	padding: 11px 0.75rem;
}


.nav-catalog {
	padding-top: 16px;
	padding-left: 16px;
}

.nav-link {
	color: #495057 !important;
}

.btn.btn-white {
	background: #fff;
	color: #000;
	margin: 0 8px;
	border: 1px solid #1A2740;
	box-shadow: inset 0 0 2px 0 rgba(0,0,0,.75);
	text-decoration: none;
}

	.btn.btn-white:hover {
		background: #eee;
		color: #000 !important;
	}

	.btn.btn-white:focus {
		box-shadow: inset 0 0 2px 0 rgba(0,0,0,.75);
	}

.title.coupon {
	font-size: 12px;
	font-weight: 700;
}

.btn.btn-coupon {
	background: #fff;
	color: #000;
	margin-top: 8px;
	border: 1px solid #1A2740;
	box-shadow: inset 0 0 2px 0 rgba(0,0,0,.75);
	text-decoration: none;
}

	.btn.btn-coupon.martg {
		margin-right: 8px;
		margin-left: 20px;
	}

	.btn.btn-coupon.sm-f {
		font-size: 13px;
	}

	.btn.btn-coupon:hover {
		background: #eee;
		color: #000 !important;
	}

	.btn.btn-coupon:focus {
		box-shadow: inset 0 0 2px 0 rgba(0,0,0,.75);
	}

.header-spacer.override {
	height: 149px !important;
}

.header-spacer-admin.override {
	height: 189px !important;
}

.header-body-holder {
	color: #fff !important;
}

@media(max-width: 767px) {
	.header-spacer.override {
		height: 60px !important;
	}

	.header-spacer-admin.override {
		height: 100px !important;
	}
}

.teaser {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #1A2740;
	height: 680px;
	margin: 11px 0;
	padding: 40px 40px 20px;
	color: #fff;
	overflow: hidden
}

@media (max-width: 767.98px) {
	.teaser {
		padding: 24px 16px 12px
	}
}

.teaser_small {
	height: 351px;
	padding: 24px 16px 12px
}

.teaser_shadowed:before {
	content: "";
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(12deg,rgba(0,0,0,.62),rgba(0,0,0,.21) 35%,rgba(0,0,0,.02) 62%,transparent 70%)
}

.teaser_shadowed > .teaser-img {
	z-index: 2
}


.teaser_shadowed.teaser_small:before {
	background: linear-gradient(12deg,rgba(0,0,0,.62),rgba(0,0,0,.21) 60%,rgba(0,0,0,.02) 76%,transparent 90%)
}

.teaserRow {
	padding: 45px 0
}

@media (min-width: 768px) and (max-width:991.98px) {
	.teaserRow {
		padding: 13px 0
	}
}

@media (max-width: 767.98px) {
	.teaserRow {
		padding: 5px 0
	}
}

.teaser-img {
	position: absolute !important;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
	z-index: 2
}

	.teaser-img img, .teaser-img picture {
		object-fit: cover;
		font-family: "object-fit: cover"
	}

	.teaser-img object {
		object-fit: cover;
		font-family: "object-fit: cover"
	}


.teaser-img_fill picture {
	display: block;
	height: calc(100% + 2px);
	width: calc(100% + 2px);
	position: relative;
	top: -1px;
	left: -1px;
	object-fit: fill;
	font-family: "object-fit: fill"
}

	.teaser-img_fill picture img {
		position: absolute;
		object-fit: fill;
		font-family: "object-fit: fill";
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		transform: translate3d(-50%,-50%,0)
	}

	.teaser-img_fill picture object {
		position: absolute;
		object-fit: fill;
		font-family: "object-fit: fill";
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		transform: translate3d(-50%,-50%,0)
	}

.teaser > * {
	position: relative;
	z-index: 3
}

.teaser-date {
	margin-bottom: auto;
	font-size: 13px;
	line-height: 1.15;
	font-weight: 700
}

.teaser-icon {
	z-index: 1;
	margin-top: auto
}

	.teaser-icon:before {
		content: "";
		display: block;
		width: 20px;
		height: 36px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PSczNicgdmlld0JveD0nMCAwIDIwIDM2Jz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZmlsbD0nI2U2MzAyNycgZD0nTTAgMGgyMHYyNS43TDAgMzZ6Jy8+PC9zdmc+");
		margin-bottom: 6px;
		margin-left: 4px
	}

.teaser-title {
	font-size: 32px;
	font-weight: 300
}

.teaser-text {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.39;
	margin-top: 16px;
	max-width: 547px;
	margin-bottom: 4px
}

.teaser-btn, .teaser-btn cx-icon {
	color: currentColor !important;
	text-align: left !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

	.teaser-btn svg {
		width: 1em;
		height: 1em;
		margin-top: -1px;
		position: relative;
	}

.order-summary-content .table-wrapper {
	overflow-x: auto;
	max-width: 100%;
}

.teaserRow + .teaserRow, foerch-teaser-wrapper + foerch-teaser-wrapper .teaserRow {
	padding-top: 0
}

@media (min-width: 992px) {
	.teaserRow + .teaserRow, foerch-teaser-wrapper + foerch-teaser-wrapper .teaserRow {
		margin-top: -45px
	}
}

@media (min-width: 768px) and (max-width:991.98px) {
	.teaserRow + .teaserRow, foerch-teaser-wrapper + foerch-teaser-wrapper .teaserRow {
		margin-top: -13px
	}
}

@media (max-width: 767.98px) {
	.teaserRow + .teaserRow, foerch-teaser-wrapper + foerch-teaser-wrapper .teaserRow {
		margin-top: -5px
	}
}

.imageText-img img, .imageText-img picture {
	display: block;
	width: 100%
}

.btn-primary {
	color: #fff !important;
	text-decoration: none !important;
	background-color: #1A2740 !important;
	border-color: #1A2740 !important;
	box-shadow: none !important;
}

	.btn-primary:hover, .custom-buttonSwitch-input:checked ~ div:hover {
		color: #fff !important;
		text-decoration: none !important;
		background-color: #818ea2 !important;
		border-color: #818ea2 !important;
	}

.ui-autocomplete .ui-menu-item .text-ellipsis:hover {
	overflow: hidden;
	white-space: nowrap;
}

.coupon-box {
	padding: 28px 20px;
}

.coupon-input {
	padding-bottom: 20px;
}

.current-code {
	padding-top: 20px;
}

.lbl-remove {
	border: white;
	margin-left: 10px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M8.595.9A2.105 2.105 0 006.5 2.995V3.7H2.3v1.4h1.4V17c0 1.154.946 2.1 2.1 2.1h8.4c1.154 0 2.1-.946 2.1-2.1V5.1h1.4V3.7h-4.2v-.705A2.105 2.105 0 0011.405.9h-2.81zm0 1.4h2.81c.394 0 .695.3.695.695V3.7H7.9v-.705c0-.394.3-.695.695-.695zM5.1 5.1h9.8V17a.69.69 0 01-.7.7H5.8a.691.691 0 01-.7-.7V5.1zm1.4 1.4v9.8h1.4V6.5H6.5zm2.8 0v9.8h1.4V6.5H9.3zm2.8 0v9.8h1.4V6.5h-1.4z'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat;
}

.discount-coupon-code {
	width: 100%;
}

.validationResult {
	display: block;
	color: #aaa;
	white-space: normal;
}

.gallery .picture-thumbs .thumb-item .picture-wrapper object {
	max-height: 100% !important;
	max-width: 100% !important;
	border: 0;
}

.product-table-specAttr-column {
	padding: 12px 15px 7px 8px !important;
	border-left: 1px solid rgba(0, 0, 0, 0);
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.selectBox.product-details-filter-button .product-details-filter-button span {
	max-width: 110px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


@media (max-width: 1240px) {
	.product-table .product-table-specAttr-column-th,
	.product-table .product-table-specAttr-column,
	.product-table-wrapper-left .product-details-filter {
		display: none !important;
	}
}

@media (max-width: 600px) {
	.product-table .variant-picture.img-wrapper,
	.product-table #firstTh,
	.product-table .first-td {
		display: none !important;
	}

	.product-variant-list .product-table-wrapper {
		overflow-x: auto;
	}
}

tr.shown .product-table-collapse-icon .icon-wrapper svg {
	transform: rotate(90deg);
	transform-origin: center;
	display: inline-block;
}

.product-table-attached-column {
	min-width: 150px;
}


@media (max-width: 480px) {
	.product-table .qty-section .row {
		flex-wrap: wrap !important;
	}

	.product-table .qty-section-left,
	.product-table .qty-section-mid,
	.product-table .qty-section-right {
		flex: 0 0 auto;
		width: auto !important;
		margin-bottom: 6px;
	}

	.product-table .qty-section-mid {
		padding: 0 4px !important;
	}

	.product-table .qty-section-qty,
	.product-table .quantity-input {
		max-width: 54px;
	}

	.product-table .product-table-first-column .variant-picture {
		width: 60px !important;
		height: auto !important;
	}

	.product-table .product-table-first-column .text-wrap {
		width: 100% !important;
		white-space: normal !important;
	}

	.product-table .product-table-first-column .name,
	.product-table .product-table-first-column .sku {
		font-size: 14px;
		line-height: 1.3;
		word-break: break-word;
	}


	.product-table .d-flex.flex-row.package-add-container {
		flex-direction: column !important;
		justify-content: center;
		align-items: flex-end;
		padding-right: 5px;
	}

	.product-table .row.flex-nowrap {
		flex-direction: column;
		align-items: center;
	}

	.product-table th.add-to-cart-selection.sorting_disabled {
		width: unset !important;
		white-space: normal !important;
	}

	.product-table .qty-section-total {
		text-align: center;
	}

	.product-table-wrapper .qty-section-qty, .product-table-wrapper .quantity-input {
		width: 55px !important;
		min-width: 55px !important
	}

	.product-table-wrapper .product-table .qty-section-left,
	.product-table-wrapper .product-table .qty-section-right {
		padding: 0px !important
	}

	.product-table-wrapper th.add-to-cart-selection {
		width: unset !important;
		min-width: unset !important;
	}
}
