:root {
	--primary: #FFC000;
}

body {
	overflow-x: hidden;
}

#header-top-bar {
	background-color: #FFC000;
}

#jtl-nav-wrapper {
	background-color: white;
}

header .navbar.navigation {
	border: 1px solid #E5E5E5;
}

#shop-nav .show .dropdown-grey {
	background-color: #fafafa;
}


#shop-logo {
	height: 45px!important;
}

#burger-menu .navbar-toggler-icon, #burger-menu .navbar-toggler-icon:before, #burger-menu .navbar-toggler-icon:after {

	background-color: black;

}

#shop-nav .show .dropdown-footer-grey {
	background-color: #ebebeb;
}

#shop-nav .search-wrapper .ac_input {
	background: #EBEBEB;
	color: black;
	border: 1px solid #EBEBEB;
}

#shop-nav i:before, #shop-nav .text-cart, #shop-nav span:before {
	color: black;
}

#shop-nav .search-wrapper .input-group-append .btn{
	background: #FFC000;
	border-radius: 0 2px 2px 0;
}


.nav-link[aria-expanded="true"] .text-cart:after,
.accordion .menu[aria-expanded="true"]:after,
.dropdown-toggle[aria-expanded="true"]:after {
	transform: rotate(180deg);
}

.nav-link .compare-items, .box-compare .compare-ico {
	background-image: url("/templates/MyNamu/images/assets/Vergleichsliste.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.product-actions .compare{
	padding: 0;
}

.product-actions .compare-ico {
	background-image: url("/templates/MyNamu/images/assets/Vergleichsliste.svg");
	background-repeat: no-repeat;
	background-position: center;
	width: 25px;
	height: 25px;
}

#mainNavigation > div.nav-mobile-body > ul > li.nav-item > a {
	color: black!important;
}

.nav-link .compare-items{
	width: 20px;
	height: 20px;
	position: relative;
}

.box-compare .compare-ico{
	background-size: contain;
	width: 15px;
	height: 15px;
	margin-right: 10px;
}

.productbox-image .compare-ico {
	background-image: url("/templates/MyNamu/images/assets/Vergleichsliste.svg");
	background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
	width: 15px;
	height: 15px;
	margin-right: 0;
}

.price.productbox-price {
	font-family: "Roboto", sans-serif!important;
}

.layout-list .price_wrapper .pricestarting {
	font-size: unset!important;
}

.nav-link .compare-items .fa-sup {
	top: 2px;
	right: -10px;
}

.nav-dividers .nav-item:not(:last-child):after {
	display: none;
}

.topbar-main .top-main-item {
	font-family: "Roboto", sans-serif!important;
	padding: 8px 0 9px 0;
	font-size: 12px;
	color: #000000;
	letter-spacing: 0.18px;
	line-height: 15px;
	font-weight: 500;
}

.navbar-nav .nav-item .nav-mobile-heading {
	font-family: "Roboto", sans-serif!important;
	font-size: 13px;
	color: #000000;
	letter-spacing: 0.19px;
	font-weight: 700;
}

.trust-header {
	display: grid;
	grid-template-columns: auto auto auto;
	gap: 13px;
}

.dropdown-grey, .dropdown-footer-grey {
	background-color: #ebebeb;
}

.dropdown-grey .form-grey {
	background-color: #ebebeb;
}

.dropdown-grey .form-grey ~ label {
	background-color: #ebebeb!important;
}


.nivoSlider {
	display: flex;
	position: relative;
}

.nivoSlider .nivo-caption {
	position: absolute;
	top: 50%;
	left: 10%;
	display: flex;
	flex-direction: column;
	width: 40%;
	background-color: unset!important;
	transform: translateY(-50%);
	height: fit-content;
	padding: 0 0 20px 0;
	overflow: initial;
}

.nivoSlider .nivo-caption .title {
	font-size: 64px;
	letter-spacing: 0;
	line-height: 72px;
	font-weight: 700;
	padding-bottom: 24px;
	mix-blend-mode: difference;
}

.nivoSlider .nivo-caption .desc {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 1px;
}


.nivoSlider .nivo-caption .title {
	--stroke-color: rgba(255,255,255,1);
	--stroke-width: 5px;

	color: black;
	text-shadow: var(--stroke-width) 0 0 var(--stroke-color),
	calc(var(--stroke-width) * -1) 0 0 var(--stroke-color),
	0 var(--stroke-width) 0 var(--stroke-color),
	0 calc(var(--stroke-width) * -1) 0 var(--stroke-color);
}

.nivoSlider .nivo-caption .desc {
	--stroke-color: rgba(255,255,255,1);
	--stroke-width: 1px;

	color: black;
	text-shadow: var(--stroke-width) 0 0 var(--stroke-color),
	calc(var(--stroke-width) * -2) 0 0 var(--stroke-color),
	0 var(--stroke-width) 0 var(--stroke-color),
	0 calc(var(--stroke-width) * -2) 0 var(--stroke-color);
}


.nivo-controlNav {
	left: 10%;
	text-align: unset;
}

.nivo-controlNav a {
	border-radius: 50%;

	opacity: 1;
}

.nivo-controlNav .nivo-control {
	border: 1px solid transparent!important;
	background-color: black!important;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
}

.nivo-controlNav .active {
	width: 10px;
	height: 10px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid black!important;
	background-color: transparent!important;
}

.description-text-centered {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0 0 0;
	font-size: 16px;
	color: #707070;
	letter-spacing: 0.24px;
	text-align: center;
	line-height: 24px;
	font-weight: 400;
}

.description-text-centered p {
	max-width: 852px;
	text-align: center;
}

.taBoostrapSlider .newsbox-image {
	height: 100%;
}

.carousel-indicators {
	right: unset;
}

.carousel-indicators li {
	border-radius: 50%;
}

.carousel-indicators li {
	border: 1px solid black!important;
	background-color: transparent!important;
	top: 50%;
	/*transform: translateY(-50%);*/
	width: 8px;
	height: 8px;
	opacity: 1;
}

.carousel-inner {
	height: 700px;
}

.carousel-inner-block {
	height: 32px;
	background-color: #FFC000;
}

.carousel-inner-block .carousel-item {
	text-align: center;
	line-height: 32px;
}

.carousel-inner .carousel-control-prev,
.carousel-inner .carousel-control-next {
	width: unset;
}

.carousel-inner .carousel-control-prev .carousel-control-prev-icon, .carousel-inner .carousel-control-next .carousel-control-next-icon {
	position: relative;
	background-image: unset;
}

.carousel-inner .carousel-control-prev .carousel-control-prev-icon:before,
.carousel-inner .carousel-control-prev .carousel-control-prev-icon:after,
.carousel-inner .carousel-control-next .carousel-control-next-icon:before,
.carousel-inner .carousel-control-next .carousel-control-next-icon:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 2px;
	background-color: black;
}

.carousel-inner .carousel-control-prev .carousel-control-prev-icon:before {
	top: -3px;
	transform: rotate(-45deg);
	right: 0;
}

.carousel-inner .carousel-control-prev .carousel-control-prev-icon:after {
	top: 3px;
	transform: rotate(45deg);
	right: 0;
}


.carousel-inner .carousel-control-prev .carousel-control-prev-icon {
	height: 40px;
	width: 40px;
	background-color: #FFC000;
	position: relative;
}

.carousel-inner .carousel-control-prev .carousel-control-prev-icon:before,
.carousel-inner .carousel-control-prev .carousel-control-prev-icon:after {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
}

.carousel-inner .carousel-control-prev .carousel-control-prev-icon:before {
	transform: translate(-50%, 3px) rotate(45deg);
}

.carousel-inner .carousel-control-prev .carousel-control-prev-icon:after {
	transform: translate(-50%, -3px) rotate(-45deg);
}



.carousel-inner .carousel-control-next .carousel-control-next-icon {
	height: 40px;
	width: 40px;
	background-color: #FFC000;
	position: relative;
}

.carousel-inner .carousel-control-next .carousel-control-next-icon:before,
.carousel-inner .carousel-control-next .carousel-control-next-icon:after {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
}

.carousel-inner .carousel-control-next .carousel-control-next-icon:before {
	transform: translate(-50%, 3px) rotate(-45deg);
}

.carousel-inner .carousel-control-next .carousel-control-next-icon:after {
	transform: translate(-50%, -3px) rotate(45deg);
}


/*.carousel-inner .carousel-control-next .carousel-control-next-icon:before {*/
/*	left: 50%;*/
/*	top: 50%;*/
/*	!*top: -3px;*!*/
/*	transform: rotate(45deg);*/
/*	!*left: 0;*!*/
/*}*/

/*.carousel-inner .carousel-control-next .carousel-control-next-icon:after {*/
/*	left: 50%;*/
/*	top: 50%;*/
/*	!*top: 3px;*!*/
/*	!*transform: rotate(-45deg);*!*/
/*	!*left: 0;*!*/
/*}*/

.carousel-indicators li.active {
	background-color: black!important;
	border: 1px solid transparent!important;
	top: 50%;
	/*transform: translateY(-50%);*/
	width: 8px;
	height: 8px;
}

.taBoostrapSlider .carousel-caption {
	display: flex!important;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	bottom: 50%;
	transform: translateY(50%);
	width: 45%;
	background-color: rgba(255, 192, 0, .8);
	padding: 40px!important;
}


.taBoostrapSlider .carousel-caption h5{
	word-break: break-word;
}

.taBoostrapSlider .carousel-caption {
	padding: 0;
}

.taBoostrapSlider .carousel-caption h5, .taBoostrapSlider .carousel-caption p {
	font-family: "Roboto", sans-serif;
	color: #000000;
	letter-spacing: 0;
}

.taBoostrapSlider .carousel-caption h5 {
	font-size: 64px;
	line-height: 64px;
	font-weight: 700;
	margin-bottom: 16px;
}

.taBoostrapSlider .carousel-caption p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}



.top-banners .banner-icons {
	display: block;
	width: 50px;
	height: 100%;
}

.top-banners .banner-item .banner-item-wrapper {
	height: inherit;
}

.top-banners .banner-icons:after {
	right: 0;
}

.top-banners .banner-item {
	height: 100%;
}

.banner-icons {
	position: relative;
}

.banner-icons:after {
	position: absolute;
	content: "";
	right: -20px;
	top: -5px;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center right;
}

.trusted-shops:after {
	background-image: url("/templates/MyNamu/images/assets/Trusted_Shops.svg");
}

.farbe:after {
	background-image: url("/templates/MyNamu/images/assets/Farbfaecher.svg");
}

.verpackung:after {
	background-image: url("/templates/MyNamu/images/assets/Sicher_verpackt.svg");
}

.versand:after {
	background-image: url("/templates/MyNamu/images/assets/Blitzversand.svg");
}

.footer-header {
	font-size: 18px;
	color: #EBEBEB;
	font-weight: 700;
}

.about-farb-courier-footer .logo {
	width: 202px;
	height: 50px;
/*	background-image: url("/templates/MyNamu/images/assets/farbkurier_gelb_weisse_schrift.svg");*/
/*	background-repeat: no-repeat;*/
}

.footer-header .highlight {
	color: gold;
	font-size: 22px;
}

#footer {
	margin-top: 64px;
	border-top: transparent;
	padding-bottom: 53px;
}

#footer .footnote-wrapper {
	font-size: 0.925rem;
}

.bottom-text-container p {
	font-size: 14px;
	color: #000000;
	line-height: 21px;
	font-weight: 400;
}

.payment-methods {
	margin-bottom: 50px;
}

.payment-methods .payment {
	width: 50px;
	height: 50px;
	background-color: white;
	margin: 0 0 16px 16px;
	border-radius: 4px;
}

.partners-list-header, .payment-methods-header {
	color: white;
}

.partners-list-header {
	margin-top: 32px;
}

.partners-list {
	margin-bottom: 37px;
}

.partners-list .partner {
	width: 150px;
	height: 50px;
	background-color: white;
	margin: 0 0 16px 16px;
	border-radius: 4px;
}

.partners-list .partner.SSL {
/*	background: url("/templates/MyNamu/images/partners/SSL.svg");*/
}

.partners-list .partner.DHL {
/*	background: url("/templates/MyNamu/images/partners/DHL.svg");*/
}

.partners-list .partner.verpackungsregister {
/*	background: url("/templates/MyNamu/images/partners/Verpackungsregister.svg");*/
}

.partners-list .partner.cargoboard {
/*	background: url("/templates/MyNamu/images/partners/Cargoboard.svg");*/
}

.partners-list .partner.etrust {
/*	background-image: url("/templates/MyNamu/images/partners/e-trust.png");*/
	background-repeat: no-repeat;
	background-size: contain;

}

.partners-list .partner.idealo > a > img {
	width: 100%
}

/*.payment-methods .payment.master_card {*/
/*	background: url("/templates/MyNamu/images/payment/mastercard.svg");*/
/*}*/

/*.payment-methods .payment.visa {*/
/*	background: url("/templates/MyNamu/images/payment/Visa.svg");*/
/*}*/

/*.payment-methods .payment.apple_pay {*/
/*	background: url("/templates/MyNamu/images/payment/applepay.svg");*/
/*}*/

/*.payment-methods .payment.maestro {*/
/*	background: url("/templates/MyNamu/images/payment/maestro.svg");*/
/*}*/

/*.payment-methods .payment.sofort {*/
/*	background: url("/templates/MyNamu/images/payment/overview_sofortuberweisung.svg");*/
/*}*/

/*.payment-methods .payment.paypal {*/
/*	background: url("/templates/MyNamu/images/payment/paypal.svg");*/
/*}*/

/*.payment-methods .payment.sant_rechnung {*/
/*	background: url("/templates/MyNamu/images/payment/santander_rechnung.svg");*/
/*}*/

/*.payment-methods .payment.sant_ratenkauf {*/
/*	background: url("/templates/MyNamu/images/payment/santander_ratenkauf.svg");*/
/*}*/

/*.payment-methods .payment.sepa {*/
/*	background: url("/templates/MyNamu/images/payment/sepa_lastschrift.svg");*/
/*}*/

/*.payment-methods .payment.americanexpress {*/
/*	background: url("/templates/MyNamu/images/payment/amercian-express.svg");*/
/*}*/

/*.payment-methods .payment.giropay {*/
/*	background: url("/templates/MyNamu/images/payment/giro_pay.svg");*/
/*}*/

/*.payment-methods .payment.dinersclub {*/
/*	background: url("/templates/MyNamu/images/payment/dinersclub.svg");*/
/*}*/

/*.payment-methods .payment.unser {*/
/*	background: url("/templates/MyNamu/images/payment/unzer_bank_transfer.svg");*/
/*}*/


/*.payment-methods .payment.ueberweisung {*/
/*	background: url("/templates/MyNamu/images/payment/ueberweisung.svg");*/
/*}*/
/*.payment-methods .payment.vorkasse {*/
/*	background: url("/templates/MyNamu/images/payment/vorkasse.svg");*/
/*}*/
/*.payment-methods .payment.sepa-lastschrift {*/
/*	background: url("/templates/MyNamu/images/payment/sepa-lastschrift.svg");*/
/*}*/




.banner-wrapper {
	width: 100%;
}

.banner-wrapper .banner-image {
	position: relative;
	overflow: hidden;
}

.banner-wrapper .banner-image::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.banner-wrapper .banner-image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.banner-wrapper .banner-text {
	background-color: #FFC000;
	font-size: 14px;
	color: #000000;
	text-align: center;
	font-weight: 700;
	padding: 9px 0;
}

.banner-header {
	font-size: 20px;
	color: #000000;
	text-align: center;
	font-weight: 700;
	margin: 64px 0 32px 0;
	font-family: "Roboto", sans-serif!important;
}

.banner-header.highlight {
	position: relative;
}

.banner-header.highlight:after {
	position: absolute;
	content: "";
	flex-grow: 1;
	background: #ffc000;
	height: 3px;
	width: 100px;
	font-size: 0;
	line-height: 0;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%);
}

.full-width-row {
	width: 100vw;
	position: relative;
	margin-left: -50vw;
	left: 50%;
}

.grey-background {
	margin-top: 64px;
	background-color: #707070;
}

.text-banner-container {
	padding: 117px 0;
}

.banner-image-grey {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 100px;
	min-width: 100px;
	border: 1px solid #ccc;
}

.text-banner-container h2 {
	font-family: "Roboto", sans-serif!important;
	font-size: 48px;
	color: #FFFFFF;
	font-weight: 500;
}

.text-banner-container p {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 400;
}

.text-banner-container input {
	margin-top: 33px;
	padding: 10px 24px;
}

.height-null {
	height: 0;
}

.variation-container:first-child {
	margin-left: 0;
}

.cart-header {
	display: block;
	font-size: 14px;
	margin-bottom: 12px;
}

.productbox .item-list-price .price .price-value {
	font-family: "Roboto", sans-serif!important;
	font-size: 16px;
	color: #000000;
	text-align: center;
	font-weight: 700;
}

.productlist-item-detail .class-tonnbar {
	position: relative;
	background: #F6F6F6;
	border: 1px solid #F2F2F2;
	padding: 5px 20px 5px 35px;
	border-radius: 19px;
	width: max-content;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: 500;
	margin-top: 9px;
}

.productlist-item-detail .class-tonnbar:after {
	position: absolute;
	content: "";
	background-image: url("/templates/MyNamu/images/assets/wunschfarbe_icon.svg");
	background-repeat: no-repeat;
	background-size: 16px;
	width: 16px;
	height: 16px;
	background-position: center;
	left: 12px;
}

.productbox .item-list-price .price .netto.text-muted {
	font-family: "Roboto", sans-serif!important;
	font-size: 13.5px;
	color: #707070;
	text-align: center;
	font-weight: 700;
}

.productbox-inner .productbox-hover .item-delivery-status .signal_image.status-2 {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #1C871E;
	font-weight: 400;
}

.productbox-inner .productbox-hover .item-delivery-status .estimated_delivery {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 400;
}


.price_wrapper .price-value {
	font-family: "Roboto",sans-serif;
}

/*.price-value {*/
/*	font-family: "Roboto",sans-serif;*/
/*	font-size: 30px;*/
/*	color: #000000;*/
/*	text-align: center;*/
/*	font-weight: 700;*/
/*}*/

.cart-description {
	display: block;
	font-size: 11px;
	margin-top: 12px;
	color: #525252;
}

.variation-container {
	width: 71px;
	height: 68px;
	padding: 0!important;
	margin-left: 10px;
}

.variation-container .variation {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #525252;
	margin: 0;
	padding: 0;
}

.variation-container .variation br {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
}

.variation-container .variation p {
	margin: 0;
	padding: 0;
	font-size: 15px;
}

.variation-container .variation:hover {
	border: 2px solid #ffc000;
}

.variation-container .variation.active {
	border-width: 2px;
}

.variation-container .variation.active p{
	color: black;
	font-weight: bold;
}

.variation-container .variation.active .calculated-area{
	color: black;
}

.variation-container .variation .calculated-area {
	font-size: 13px;
	font-weight: normal;
	color: #525252;
}

.color-section {
	margin-bottom: 10px;
}

.color-section .actual-color-wrapper, .color-section .color-select {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border: 1px solid #919191;
	height: 48px;
}

.variation-container .variation.active .calculated-area{
	color: black;
	display: block;
}

.variation-container .variation .calculated-area {
	font-size: 13px;
	font-weight: normal;
	color: #525252;
	display: block;
}

.variation-container .variation.swatches {
	padding: unset;
}


.color-section .color-select {
	margin-top: 15px;
	cursor: pointer;
}

.color-section .actual-color-wrapper .color-sample {
	width: 24px;
	height: 24px;
	background-color: #FFFFFF;
	border: 1px solid #979797;
	border-radius: 50%;
	margin: 0 18px 0 12px;
}

.color-section .actual-color-wrapper .color-name h3 {
	font-size: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	padding: 0 0 2px 0;
	margin: 0;
}

.color-section .actual-color-wrapper .color-name p {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 14px;
}

.color-section .actual-color-wrapper .color-change-btn {
    color: blue;
    font-size: 13px;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	padding: 0 5px 0 0;
    margin: 0;
    margin-left: auto;
}

.color-section .color-select .color-select-text {
	position: relative;
	padding-left: 55px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: 600;
}

.color-section .color-select .color-select-text:before {
	position: absolute;
	content: "";
	background-image: url("/templates/MyNamu/images/assets/wunschfarbe_icon.svg");
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	background-position: center;
	left: 12px;
}

.variations.switch-variations .swatches.imgswatches {
	/*display: grid;*/
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 4px;
}

.variations.switch-variations .swatches.imgswatches .variation-container {
	margin: 0 0;

}

.variation-farbton .variation-container {
	height: 50px;
}

.variation-farbton .variation.swatches {
	padding: 8px 10px;
}

.form-row {
	margin-left: 0;
	margin-right: 0;
}

.basket-form-inline {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	padding: 0 1rem;
}

.basket-form-inline .col {
	padding: 0 3px;
}

.basket-form-inline .add-to-cart {
	margin-top: 0;
	height: 46px;
	padding: 0;
}

.add-to-cart-button {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	display:block!important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}

.cart-quantity {
	width: 46px;
	height: 46px;
	font-size: 16px;
	color: #000000;
	font-weight: 500;
}

.form-counter .quantity {
	background-color: #EBEBEB!important;
	font-size: 16px;
	color: #000000;
	font-weight: 500;
}

.product-info-inner {
	background-color: #F2F2F2 !important;
}

.product-info-inner .cart-header {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: 700;
}

.rating-badge {
    padding: 24px;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    justify-content: center;
}

.product-info-list {
	list-style: none;
	padding-left: 0;
	margin-top: 29px;
}

.product-info-list li {
	position: relative;
	padding-left: 20px;
	font-size: 13px;
	line-height: 26px;
	font-weight: 400;
}

.product-info-list li::before {
	content: "\2713";
	position: absolute;
	left: 5px;
	top: 12px;
	transform: translateY(-50%);
	color: #1C871E;
}

.product-detail .manufacturer {
	width: auto;
	height: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 24px;
}

.product-detail .manufacturer.caparol {
	background-image: url("/templates/MyNamu/images/assets/Caparol_logo.svg");
}

.product-detail .product-description {
	padding-left: 32px;
}

.productbox-price .cart-header {
	font-family: "Roboto", sans-serif;
}

.layout-list .productbox-price .price-value, .layout-list .item-list-price .price-value {
	font-family:"Roboto", sans-serif !important;
}

.layout-list .price_wrapper {
	margin-top: 0;
}

.layout-list .productbox-title {
	font-size: 16px !important;
	margin-bottom: 14px;
}

.layout-list .item-list-price span, .layout-list .item-list-price .netto, .productbox-inner .price.productbox-price {
	/* font-size: 22px !important; */
}

.item-list-price .price-note span {
	/* font-size: 16px !important; */
}

.layout-list .item-list-price .netto, .layout-list .item-list-price .netto span{
	font-size: 18px !important;
}

.product-description-inner ul {
	padding-left: 20px;
}

.text-accent,.productbox-price,.tab-navigation .nav-link{
	font-family:"Roboto Condensed",sans-serif;
	font-weight:600
}

.layout-list .productbox:not(.listslim) .productbox-price{
	font-size:1.5rem
}

.productbox:not(.listslim) .productbox-price{
	font-size:1.125rem
}

/* #btnColorPicker {
	margin-bottom:2rem;
} */

.product-detail .price_wrapper{
	margin-top: 3rem;
}

.price_wrapper .price{
	display:inline-block
}
.price_wrapper .price.h1{
	font-family: "Roboto", sans-serif;
	margin-bottom:.25rem;
	line-height:1
}
.price_wrapper .bulk-prices{
	margin-top:1rem
}
.price_wrapper .bulk-prices .bulk-price{
	margin-right:.25rem
}

/*#content-wrapper {*/
/*	padding-top: 0!important;*/
/*}*/

.main-wrapper .product-info {
	padding-top: 1.5rem!important;
}

.newsbox p {
	display: block;
	height: 48px;
	line-height: 16px;
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.productbox .productbox-hover .hersteller {
	display: block;
	margin-top: 12px;
}

.productbox .productbox-hover .productbox-title {
	margin: 12px 0 0 0;
}

.productbox .productbox-hover .productbox-title a {
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	color: #000000;
	text-align: center;
	font-weight: 700;
}

.newsbox-body .blog-preview-author span {
	font-family: "Roboto", sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: 500;
}

.newsbox-body .newsbox-headline {
	margin: 24px 0 12px 0;
	display: block;
}

.news-block {
	padding-bottom: 0!important;
}

.news-block .newsbox.blog-preview {
	padding-bottom: 0;
}

.seals-big .characteristics-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(0, 80px));
	grid-gap: 27px;
}

.seals-big .characteristics-container .pictogram-container {
	width: 90px;
}

@media only screen and (max-width: 768px) {
	.seals-container {
		display: none;
	}
}

.seals-container .characteristics-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(0, 50px));
	grid-gap: 18px;
	margin-bottom: 24px;
}

.seals-container .characteristics-container .pictogram-container {
	width: 60px;
}

.characteristics-container .pictogram-container img {
	width: 100%;
	height: 100%;
}

.product-calculator {
	border-bottom: 1px solid #EBEBEB;
	border-top: 1px solid #EBEBEB;
	padding: 24px 0;
}

.product-calculator h2 {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: 700;
	cursor: pointer;
	position: relative;
}

.product-calculator h2:before,
.product-calculator h2:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 2px;
	background-color: black;
	top: 6px;
}

.product-calculator h2:before {
	right: 3px;
	transform: rotate(-45deg);
}

.product-calculator h2:after {
	right: -3px;
	transform: rotate(45deg);
}

.product-calculator .hide {
	height: 0;
	display: none!important;
}

.product-calculator .calculator-wrapper .calc-row {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.product-calculator .calculator-wrapper .input-wrapper .input,
.product-calculator .calculator-wrapper .button {
	background-color: #fff;
	box-sizing: content-box;
}

.product-calculator .calculator-wrapper .input-wrapper {
	margin-left: 41px;
}

.product-calculator .calculator-wrapper .input-wrapper .input {
	width: 40px;
	font-size: inherit;
	resize: none;
	padding: 10px 15px;
	overflow: hidden;
	height: 20px;
	white-space: nowrap;
	background-color: #fff;
	border: 1px solid #e2e4e4;
}

.product-calculator .calculator-wrapper .input-wrapper .input:focus {
	border: 1px solid #ffbf00;
}

.product-calculator .calculator-wrapper .input-wrapper {
	position: relative;
}

.product-calculator .calculator-wrapper .input-wrapper .input-label {
	position: absolute;
	border: 1px solid transparent;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
}

.product-calculator .calculator-wrapper .input-wrapper .input-label:after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #e5e5e5;
	transition: all .2s linear
}

.product-calculator .calculator-wrapper .input-wrapper .input:focus + .input-label:after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 2px solid #ffc000;
}

.product-calculator .calculator-wrapper .button-wrapper {
	margin-left: 10px;
}

.product-calculator .calculator-wrapper .text-wrapper  {
	font-family: "Roboto", sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: 500;
}

.product-calculator .calculator-wrapper .button {
	font-size: inherit;
	padding: 10px 23px;
	font-weight: 500;
	border: 1px solid transparent;
	position: relative;
}

.product-calculator .calculator-wrapper .button:after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #e5e5e5;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.product-calculator .calculator-wrapper .button:hover:after {
	border: 2px solid #ffc000;
}

.product-calculator .result {
	margin-top: 14px;
	flex-basis: 100%;
	width:100%;
}

.product-calculator .no-pseudo:before, .product-calculator .no-pseudo:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 2px;
	background-color: black;
	top: 6px;
}

.product-calculator .no-pseudo:before {
	right: 3px;
	transform: rotate(48deg);
}

.product-calculator .no-pseudo:after {
	transform: rotate(-45deg);
	right: -3px;
}

.cart-items-body {
	font-size: 12px;
}

.newsbox-footer .btn {
	padding: 9px 32px;
}

.container-plus-sidebar .hr-sect.h2 {
	font-family: "Roboto", sans-serif!important;
}

aside .nav-panel > .nav > .active > .nav-link {
	color: initial;
	cursor: pointer;
}


/*
	Optimization of page loading speed
*/

/* CSS Style for the section with id 'product-tab-section'
- Sets padding to 0 to remove any default padding.
- Utilizes `content-visibility` property set to 'auto' which can help for performance improvements on a webpage.
- The `contain-intrinsic-size` property is set to 1000px which is useful when content-visibility is set to auto or contain.*/

#product-tab-section {
	padding: 0;
	content-visibility: auto;
	contain-intrinsic-size: 1000px;
}

#product-slider-section {
	padding: 0;
	content-visibility: auto;
	contain-intrinsic-size: 638px;
}


header .navbar-collapse,
header .navbar-nav {
	transition: all 0.0s ease-in-out;
}


/* Checkout Zahlungsmethoden */
.checkout-payment-options span.checkout-payment-method-note.mt-1 small {
	font-size: 100%;
}

.checkout-payment-options span.checkout-payment-method-note.mt-1 {
	margin-top: 0 !important;
}

.checkout-payment-options span.checkout-payment-method-note.mt-1 small {
	margin-top: 0.25rem !important;
}

.checkout-payment-options div.funding-name.d-inline-block.ml-1 {
	display: none !important;
}

div.paypal-mark {
	background-color: transparent;
}

div.paypal-mark {
	background-color: transparent;
}

@media (max-width: 1003px) {
	.taBoostrapSlider .carousel-caption h5 {
		font-size: 44px;
		line-height: 44px;
		font-weight: 700;
		margin-bottom: 16px;
	}
}

@media (min-width: 992px) {

	.modal-lg, .modal-xl {
		max-width: 800px;
	}
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1140px;
	}
}


@media (max-width: 991px) {
	.carousel-inner {
		height: 500px;
	}

	.taBoostrapSlider .carousel-caption {
		width: 60%;
	}

	.top-banners .banner-item {
		padding-top: 20px;
	}
}

@media (max-width: 773px) {
	.taBoostrapSlider .carousel-caption {
		left: 10%;
		right: 10%;
		width: 80%;
	}

	.carousel-inner {
		height: 400px;
	}

	.taBoostrapSlider .carousel-caption h5 {
		font-size: 38px;
		line-height: 38px;
		font-weight: 700;
		margin-bottom: 16px;
	}
}

@media (max-width: 767px) {
	.taBoostrapSlider .carousel-caption h5 {
		font-size: 28px;
		color: #000000;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: 700;
	}

	.taBoostrapSlider .carousel-caption p,
	.taBoostrapSlider .carousel-control-prev,
	.taBoostrapSlider .carousel-control-next,
	.taBoostrapSlider .carousel-indicators {
		display: none;
	}

	header .nav-right .nav-link {
		padding-top: 1.35rem;
		padding-bottom: 1.35rem;
	}

	header .navbar-brand img {
		min-height: 1.675rem;
	}

	.navbar-toggler .navbar-toggler-icon {
		height: 0.175rem;
		transition: none !important;
	}

	.navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after {
		transition: none !important;
	}

	header .nav-mobile-header>.row {
		height: 4.775rem;
	}

	header .nav-link-custom .fas:before, header .fa-shopping-cart:before {
		font-size: 1.66rem;
	}

	header .nav-offcanvas-title {
		font-size: 1.2375rem;
	}

	.navbar-toggler[aria-expanded=false] .navbar-toggler-icon:before {
		transform: translateX(-50%) translateY(-0.475rem);
	}

	.navbar-toggler[aria-expanded=false] .navbar-toggler-icon:after {
		transform: translateX(-50%) translateY(0.475rem);
	}

	.search-wrapper .input-group .form-clear {
		height: 19px;
	}

	.search-wrapper .main-search .form-control,
	.search-wrapper .input-group .form-clear .fas,
	.search-wrapper .main-search .btn {
		font-size: 1.23375rem;
	}
}


#quick-login .form-control,
#passwort_vergessen #email.form-control,
#panel-register-form .form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.8rem + 2px);
	padding: 0.4rem 0.8rem;
	font-weight: 400;
	line-height: 1.5;
	font-size: 1.23375rem;
	background-color: #ebebeb;
	border-radius: 0.125rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border: 1px solid #707070;
}

#shipping-estimate-form .form-control, #order-proceed-as-guest .form-control {
	background-color: white;
}

#form-register .form-control {
	background-color: #FFF;
}

#quick-login .form-control~label,
#passwort_vergessen .form-control~label,
#panel-register-form .form-control~label {
	top: calc((1.5em + 1.3rem + 2px)/2) !important;
	background-color: #ebebeb!important;
}

#panel-register-form select.form-control~label {
	top: calc((1.5em - 1rem + 2px)/2) !important;
}

#quick-login .form-control:focus,
#passwort_vergessen .form-control:focus,
#panel-register-form .form-control:focus {
	background-color: #f6f6f6!important;
}

#quick-login .form-control:focus~label,
#passwort_vergessen .form-control:focus~label,
#panel-register-form .form-control:focus~label {
	background-color: #f6f6f6!important;
	top: calc((1.5em - 1rem + 2px)/2) !important;
}

#quick-login .btn,
#passwort_vergessen .btn,
#panel-register-form .btn {
	padding: 0.4rem 0.8rem;
	line-height: 1.5;
	font-size: 1.23375rem;
}


/* #panel-register-form select.form-control {
	font-size: 0.925rem;
	height: calc(2.0em + 0.8rem + 2px);
} */

input.color-selection,
input.color-selection:disabled {
	background-color: white;
	font-size: 1rem;
	height: calc(3rem + 2px);
	padding-top: 1.5rem;
	padding-bottom: 0;
	border-radius: 6px;
	text-shadow: 2px 2px black;
	color: white;
}

div.color-button-color {
	width: 45px;
	height: 45px;
	border-radius: 100%;
	margin: 0 auto;
	box-shadow: 0 0 1px 0 white inset, 0 0 1px 0 white;
	cursor: pointer;
}

img.color-button-image {
	max-width: 100%;
	overflow: hidden;
	border-radius: 100%;
}

div.color-button-selected div.color-button-color {
	border: 1px dashed #000000 !important;
}
div.color-button-selected div.color-button-label {
	font-weight: bold;
}

.color-item:last-child {
	margin-bottom: 0;
}

.productselection-preview-preview {
	padding-right: 10px;
	padding-left: 10px;
}

select.custom-select option {
	font-family: 'Roboto', 'sans-serif';
}

.farbkurier-background {
	background-color: #ffd333;
	padding: 1rem 1rem;
}

.modal-content {
	margin: 0;
	padding: 0;
}

.modal-content .modal-header, .modal-content .modal-body {
	padding: 1rem 2rem;
}



.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
}

.modal-body .color-item {
	padding: 0.5rem 1rem;
	margin-bottom: 0.2rem;
	color: black;
	font-size: 13px;
	cursor: pointer;
}

.modal-body .color-item-selected {
	border: 1px dashed #000000 !important;
	font-weight: bold;
}

.modal-body .productselection-preview-preview-col {
	float: left;
	width: 25%;
	padding: 5px;
}

.modal-body .productselection-preview-preview-col img {
	opacity: 0.8;
	cursor: pointer;
	background-color: white;
	width: 100%;
}

.modal-body .productselection-preview-preview-col img:hover {
	opacity: 1;
}

.modal-body .productselection-preview-preview:after {
	content: '';
	display: table;
	clear: both;
}

.modal-body .productselection-preview-container img {
	background-color: white;
}

.modal-body li.color-system-item-selected {
	color: #ffd333;
}

.modal-body .list-group-item.color-system-item span, .modal-header .modal-title {
	font-family: "Roboto", sans-serif!important;
}

.modal-header .close {
	right: 30px;
	top: 30px;
	background-color: transparent;
	color: unset;
	position: absolute;
	z-index: 100;
}

.modal-dialog-scrollable .modal-body {
	overflow-y: auto;
	overscroll-behavior-y: contain;
}

.modal-header .close:not(:disabled):not(.disabled):hover {
	opacity: .75;
	color: black;
	background-color: transparent;
}

.modal-body .list-group-item.color-system-item {
	cursor: pointer;
}

.modal-body .list-group-item.color-system-item:hover {
	color: #ffd333;
}

.colorlist {
	/* height: calc(61vh); */
	height: 100%;
	overflow-y: auto;
	overscroll-behavior-y: contain;
}

.modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 0.75rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: calc(0.3rem - 1px);
	border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer .btn-primary:disabled {
	border-color: #ffd333;
	background: #ffd333;
	color: #3d464d;
	fill: #3d464d;
}

button.btn-primary, a.btn-primary {
	color: black!important;
}

.netto {
	display: none!important;
}

.colorpicker-not-available {
	position: relative;
	background-color: lightgray !important;
	cursor: default !important;
	opacity: 0.2;
	filter: grayscale(100%);
}

.colorpicker-not-available:after {
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	background-color: #e5e5f7;
	opacity: 0.8;
	background-image: repeating-conic-gradient(#444cf7 0% 25%, #e5e5f7 0% 50%);
	background-position: 0 0, 0 0;
	background-size: 10px 10px;
	z-index: -1;
}

.coloroption-not-available {
	position: relative;
	color: #2f404c!important;
	background-color: transparent!important;
	cursor: default !important;
	overflow: hidden;
}

.coloroption-not-available:after {
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background-color: #e5e5f7;
opacity: 0.3;
background-image: repeating-conic-gradient(#ffffff 0% 25%, #e5e5f7 0% 50%);
background-position: 0 0, 0 0;
background-size: 10px 10px;
z-index: 0;
}


@media (max-width: 576px) {

.taBoostrapSlider .carousel-caption {
    left: 10%;
    right: 10%;
    width: 80%;
}

#burger-menu {
    margin-right: 0!important;
}

#shop-logo {
    max-width: 100% !important;
    height: 35px !important;
}

    .rating-badge img {
        max-width: 100% !important;
        height: auto !important;
    }
}


@media (max-width: 329px) {

#burger-menu {
    margin-right: 0!important;
}

#shop-logo {
    max-width: 100% !important;
    height: 30px!important;
}

.carousel-inner {
    height: 267px;
}


.taBoostrapSlider .carousel-caption {
    left: 5%;
    right: 5%;
    width: 90%;
}
}

@media (max-width: 250px) {

#shop-logo {
    max-width: 100% !important;
    height: 15px!important;
}

.taBoostrapSlider .carousel-caption h5 {
    font-size: 20px;
    line-height: 25px;
}
}

body.is-mobile #product-tab-section .card-body {
    padding-left: 0;
    padding-right: 0;
}

.attribute-download {
    margin-bottom: 7px;
}

.attribute-download img {
    margin-right: 5px;
}

.smoothscroll-top.show {
    bottom: 6rem;
}


button#storelocator {
    display: inline-block;
    font-weight: 600;
    color: #000000;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    background-color: #FFC000;
    border: 1px solid #FFC000;
    padding: 0.4rem 0.8rem;
    font-size: 0.925rem;
    line-height: 1.5;
    border-radius: 0.125rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

button#storelocator:hover,
button#storelocator:focus,
button#storelocator:active,
button.dhlData:hover,
button.dhlData:focus,
button.dhlData:active {
	color: #000000 !important;
	background-color: #ffca29 !important;
	border-color: #ffca29 !important;
}

button.dhlData {
	display: inline-block;
    font-weight: 600;
    color: #000000;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    background-color: #FFC000;
    border: 1px solid #FFC000;
    padding: 0.4rem 0.8rem;
    /* font-size: 0.925rem; */
    line-height: 1.5;
    border-radius: 0.125rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}