.color-theme,a:hover, a:focus, a:active,.list-group .list-group-item.active,.extra-link a:hover, .message > * a,.search-autocomplete ul li .amount,.footer .middle-footer a:hover, .footer .middle-footer a:focus,.minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart:active:before,.minicart-wrapper .action.showcart.active,.minicart-wrapper .action.showcart.active:before,.minicart-items .product-item .product-item-details .product-item-name a:hover,.header .top-header-content a:hover, .header .top-header-content button:hover, .header .top-header-content a:focus, .header .top-header-content button:focus,.header .dropdown-switcher .dropdown-menu li > a:hover,.header .dropdown-toplinks .dropdown-toggle:hover,.header .header-wl a:hover,.header .search-form .actions-search .action-search:hover,.header .search-form.select-search .form-search .form.minisearch .search-select .dropdown-menu li a:hover,.products-grid .product-item-info .product-top .actions-link button:hover,.products-grid .product-item-info .product-item-details .product-item-name a:hover,.products-grid .product-item-info.metro_template .product-item-details .product-item-name a:hover,.list-products .product-item-info .product-item-details .product-item-name a:hover,.widget.mgs-blog-lastest-posts .post-item-content .post-item-detail .title a:hover,.breadcrumbs .items > li a:hover,.products-list .product-item-info .product-item-details .product-item-name a:hover, .products-list .product-item-info .product-item-details .product-item-name a:focus,.page-layout-1column .category-product-actions .block.filter .filter-title > .title:hover, .block.account-nav .account-nav .items .item strong, .block-order-details-comments .order-comments .comment .comment-date,.items.order-links li.current, .items.order-links li:hover,.order-details-items .table-wrapper tfoot tr.grand_total th strong, .order-details-items .table-wrapper tfoot tr.grand_total td strong,.customer-review.view .review-details .review-date,.products-grid.wishlist .product-item-info .product-item-name a:hover,.cms-noroute-index .page-main .column.main a:hover,.profile .profile-desc .profile-name:hover,.shipping-address-items .shipping-address-item.selected-item,.opc-block-summary .table-totals tr.totals.grand th, .opc-block-summary .table-totals tr.totals.grand td,.opc-block-summary .table-totals tr.totals.grand th strong, .opc-block-summary .table-totals tr.totals.grand td strong,.opc-block-shipping-information .shipping-information-title .action-edit:hover:before,#multiship-addresses-table tbody tr td.product .product-item-name a:hover,.multishipping-checkout-shipping table tbody tr td .product-item-name a:hover,.multishipping-checkout-overview table tfoot tr.grand.totals th, .multishipping-checkout-overview table tfoot tr.grand.totals td,.multicheckout.success a, .checkout-success a,.sidebar .block.block-reorder ol.product-items .product-item .product-item-name a:hover,.sidebar .block-blog-posts .post-list li a:hover,.sidebar .block-blog-categories li a:hover,.sidebar .brand-list li.active,.blog-list .post-item-info .post-info a:hover,.blog-post-view .post-item-info .post-info a:hover,.portfolio-grid .item .portfolio-top-content .portfolio-bottom-content .title:hover,.portfolio-grid .item .portfolio-top-content .portfolio-bottom-content .category-link a:hover,.checkout-cart-index .column.main .cart-empty a,.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details .product-item-name a:hover, .checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details .product-item-name a:focus,.checkout-cart-index #shopping-cart-table .gift-options-cart-item .action-gift:hover,.full-review.product-reviews-summary .reviews-actions a:hover, .full-review.product-reviews-summary .reviews-actions a:focus,.box-tocart .field.qty > .control span.edit-qty:hover,.product-info-main .product-info-stock-sku .stock span,.product-info-main .product-sub-infomation .product.attribute.sku span.value,.product-info-main .product-sub-infomation .product-brand .brand-name a,.product-add-form .product-options-wrapper .swatch-opt .swatch-attribute-label + .swatch-attribute-selected-option,.block.review-list .review-items li.review-item .review-title,.block.review-add .review-form h4 span,.opc-estimated-wrapper .estimated-block .estimated-price,.header ul.social-link li a:hover,.header .nav.nav-main-menu > li > a:hover,.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar .aw-onestep-sidebar-header::before,.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .aw-onestep-groups .aw-onestep-groups_item .group-title .mark,.onestepcheckout-index-index .page-main .main .checkout-container input[type="radio"] + label::before,
.onestepcheckout-index-index .page-main .main .checkout-container input[type="checkbox"]:checked + label::before,.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .aw-onestep-sidebar-content .aw-onestep-sidebar-block.payment-option .payment-option-title .action-toggle,.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .aw-onestep-sidebar-content .aw-onestep-sidebar-block.payment-option .payment-option-title .action-toggle::after,.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .aw-onestep-sidebar-content .aw-sidebar_order-note span,.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-sidebar-wrapper .aw-onestep-sidebar-content .aw-sidebar_order-note span::after,.onestepcheckout-index-index .aw-onestep-main .authentication-link a,.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content .show-more span,.onestepcheckout-index-index .page-main .main .checkout-container input[type="radio"] + label::before, .onestepcheckout-index-index .page-main .main .checkout-container input[type="radio"]:checked + label::before,.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .aw-onestep-groups .shipping-address-items ol .shipping-address-item.selected-item::after{color: var(--main-color);}.btn:hover, .btn:focus, .btn:active,.btn-default2:hover, .btn-default2:focus, .btn-default2:active,.btn-primary:hover, .btn-primary:focus, .btn-primary:active,.btn-secondary,.owl-carousel .owl-nav > div:not(.disabled):hover,.minicart-items .product-item .details-qty.qty .update-cart-item:hover, .minicart-items .product-item .details-qty.qty .update-cart-item:focus, .minicart-items .product-item .details-qty.qty .update-cart-item:active,.minicart-items .product-item .product.actions .action:hover,.list-products .product-item-info .product-image .action.mgs-quickview:hover,.btn.btn-promo-banner:hover, .btn.btn-promo-banner:focus,.tag-cloud a:hover,.product-items .ajax-loading .scroll-ajax-button,.products-list .action.mgs-quickview:hover,.products-list .product-item-info .product-item-details .actions-link .action.tocart:hover, .products-list .product-item-info .product-item-details .actions-link .action.tocart:focus,.shipping-address-items .action:hover,#shipping-method-buttons-container .action, .payment-method-content .actions-toolbar .action, #shipping-method-buttons-container button.action, .payment-method-content .actions-toolbar button.action,.authentication-wrapper .action-auth-toggle:hover,.payment-option.discount-code .form-discount .actions-toolbar .action.action-apply:hover,.checkout-cart-index .cart-summary .checkout-methods-items .item .action.checkout:hover,.product-info-main .product-add-form .actions button.tocart, .bundle-info .product-details .actions button.tocart,.product.media .product-video-button a:hover,.product.media .row.vertical-thumbnail .slick-slider .slick-arrow:hover,.items.order-links li.current, .items.order-links li:hover,.btn-print:hover,.shipping-address-items .shipping-address-item.selected-item,.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .aw-onestep-groups .aw-onestep-groups_item .group-title .mark{border-color: var(--main-color);}.btn:hover, .btn:focus, .btn:active,.btn-default2:hover, .btn-default2:focus, .btn-default2:active,.btn-primary:hover, .btn-primary:focus, .btn-primary:active,.btn-secondary,.owl-carousel .owl-nav > div:not(.disabled):hover,.minicart-items .product-item .details-qty.qty .update-cart-item:hover, .minicart-items .product-item .details-qty.qty .update-cart-item:focus, .minicart-items .product-item .details-qty.qty .update-cart-item:active,.minicart-items .product-item .product.actions .action:hover,.list-products .product-item-info .product-image .action.mgs-quickview:hover,.btn.btn-promo-banner:hover, .btn.btn-promo-banner:focus,.tag-cloud a:hover,.product-items .ajax-loading .scroll-ajax-button,.products-list .action.mgs-quickview:hover,.products-list .product-item-info .product-item-details .actions-link .action.tocart:hover, .products-list .product-item-info .product-item-details .actions-link .action.tocart:focus,.shipping-address-items .action:hover,#shipping-method-buttons-container .action, .payment-method-content .actions-toolbar .action, #shipping-method-buttons-container button.action, .payment-method-content .actions-toolbar button.action,.authentication-wrapper .action-auth-toggle:hover,.payment-option.discount-code .form-discount .actions-toolbar .action.action-apply:hover,.checkout-cart-index .cart-summary .checkout-methods-items .item .action.checkout:hover,.product-info-main .product-add-form .actions button.tocart, .bundle-info .product-details .actions button.tocart,.product.media .product-video-button a:hover,.product.media .row.vertical-thumbnail .slick-slider .slick-arrow:hover, .product-label.new-label,.opc-estimated-wrapper .minicart-wrapper button.action.showcart > .counter.qty,.onestepcheckout-index-index .page-main .main .checkout-container .aw-onestep-main .payment-method._active::before,.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .ui-slider-horizontal,.block.aw-layered-nav .block-content.filter-content .filter-options .filter-options-item .filter-options-content .aw-layered-nav-priceslider .ui-slider-handle, .irs-slider, .irs-bar{background-color: #22b99d;}.btn-secondary{background-color: var(--main-color) !important;}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{background-color: #22baaa !important;}
				
/* NOHRD */
:root {
    --main-color: #4EC3C4;;
	--boder-color: #4EC3C4;
}
.absolute-header {
	position: absolute;
	min-height: 72px;
}

.header {
	position: absolute !important;
}

/* Content / Shop / Category / Pages / MENU */

.category-view {
	margin-top:0px;
}

.shop-overview-link {
    position: relative;
    top: 150px;
	
}

@media (max-width: 1200px) {
.shop-overview-link {
    position: relative;
    top: 90px;
	
}
}

/* Content / Main Pages */

.cms-index-index #maincontent, .cms-page-view #maincontent {
	position: relative;
	margin-top:175px;
}

@media (max-width: 996px) {
	.cms-index-index #maincontent, .cms-page-view #maincontent {
		position: relative;
		margin-top:112px;
	}
	}

@media (min-width: 996px) and (max-width: 1200px) {
.cms-index-index #maincontent, .cms-page-view #maincontent {
	position: relative;
	margin-top:112px;
}
}

.page-main {
	position: relative;
	margin-top:175px;
}

@media (max-width: 1200px) {
.page-main {
	position: relative;
	margin-top:112px;
}
}

.page-main-2 {
	top: 100px;
	position: relative;
}

@media (max-width: 1200px) {
.page-main-2 {
	top: 80px;
	position: relative;
}
}

.page-title-wrapper {
	background-color: #333 !important;
	padding: 0px 0 0px !important;
	text-align: center;
	background-image: none !important;
	background-size: cover;
	background-repeat: repeat-y;
	position: relative;
	background-position: center center;
	background-attachment: scroll;
	margin-bottom: 0px !important;
}

.page-title-wrapper:before {
content: '';
position: absolute;
background: none !important;
left: 0;
top: 0;
width: 100%;
height: 38px;
}

.page-title-wrapper h1, .page-title-wrapper .h1 {
color: #fff !important;
font-weight: 300 !important;
font-size: 20px !important;
padding-top: 16px !important;
border: none;
display: block;
margin: 0px !important;
position: relative;
height: 34px !important;
}

@media (max-width: 480px) {
.page-title-wrapper h1, .page-title-wrapper .h1 {
color: #fff !important;
font-weight: 300 !important;
font-size: 12px !important;
padding-top: 16px !important;
border: none;
display: block;
margin: 0px !important;
position: relative;
height: 34px !important;
}
}

.page-title-wrapper2 {
background-color: #EEE8E3;
padding: 0px 0 0px;
text-align: center;
position: relative;
z-index: 10;
min-height: 40px;
top:135px;
}

@media (max-width: 1200px) {
.page-title-wrapper2 {
background-color: #EEE8E3;
padding: 0px 0 0px;
text-align: center;
position: relative;
top:72px;
z-index: 10;
height: 40px;
}
}

.page-title-wrapper2 h1, .page-title-wrapper2 .h1 {
color: #000;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
padding-top: 5px;
font-size: 20px;
border: none;
}

@media (max-width: 480px) {
.page-title-wrapper2 h1, .page-title-wrapper2 .h1 {
color: #000;
font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
padding-top: 10px;
font-size: 12px;
border: none;
height: 40px;
}
}

.shop-content {
	font-size: 12px;
}

.sub-categories .subcategory .subcategory-item {
	border-bottom: 1px solid #ddd;
	position: relative;
	padding: 10px 50px 7px 0;
}

.sub-categories {
	margin-top:-21px;
	column-count: 3;
	text-align: left;
	border:none !important;
	padding: 20px;
	display: block !important;
  }
@media (max-width: 1024px) {
  .sub-categories {
	column-count: 1;
	margin-top:-21px;
	display: block !important;
  }
}
  
.sub-categories .subcategory .subcategory-item a:hover {
	color: #333;
}

/* CAPTCHA */
.frc-banner {
    display: none !important;
}

/* HONEY */
.nohrd-form-field-name {
	display:None;
}

/* Sidebar */

.sidebar .sidebar-additional {
	margin-top:60px;
}
.sidebar .block.related .block-actions {
    font-size: 15px;
    margin-bottom: 12px;
    line-height: 1.428;
    font-style:normal;
}

/* Cart */

.minicart-wrapper .action.showcart:before {
	-webkit-font-smoothing: antialiased;
	font-size: 24px;
	content: "\e66e" !important;
	font-family: 'Pe-icon-7-stroke';
	overflow: hidden;
	speak: none;
	line-height: 1;
	text-align: center;
  }
body._has-modal-custom:before {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	content: "";
	z-index: 1 !important;
  }
.checkout-cart-index .cart-summary .checkout-methods-items .item .action.checkout {
  background-color: var(--main-color) !important;
  border: 0px !important;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  padding: 13px 24px 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
}
.checkout-cart-index .cart-summary .checkout-methods-items .item .action.checkout:hover {
  background-color: #333;
}

/* Video Background */
.videoContainer {
    position: relative;
    height: 60%;
    padding: 20px;
    border-radius: 5px;
    background-attachment: scroll;
    overflow: hidden;
	left:-15px;
	width:102%
}
.videoContainer iframe {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1;
}
.videoContainer .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background: black;
    opacity: 0.0;
}

.product.info.detailed {
	clear: both;
	margin-bottom: 4px;
	margin-top: 10px;
	border-top: 1px solid #eee !important;
  }
.product-detail-information-sticky-parent {
	margin-top: 0px;
}
.product-detail-information-content {
	margin-top: 50px;
}

/* Buttons / Links */

a {
	color: #333 !important;
	text-decoration: none;
	transition: all 300ms;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
  }
  a:hover,
  a:focus,
  a:active {
	color: var(--main-color) !important;
	text-decoration: none;
  }
  .search-close {
	  color: var(--main-color) !important;
  }
  .popup__content--product > div a:hover {
	  color: var(--main-color) !important;
  }
  .popup__content--product > div a, .popup__content--product > div button.action.primary:hover {
	  color: var(--main-color) !important;
  }

/* Add to cart */

.osc-place-order-wrapper .place-order-primary button.primary.checkout {
	background-color: var(--main-color) !important;
	border-color: none !important;
}

.osc-place-order-wrapper .place-order-primary button.primary.checkout:hover {
	background-color: black !important;
}

.product-info-main .product-add-form .actions button.tocart,
.bundle-info .product-details .actions button.tocart {
  font-size: 13px;
  width: auto;
  padding: 0 34px;
  background-color: var(--main-color) !important;
  border: none !important;
  color: #fff;
  border-radius: 2px !important;
  line-height: 40px;
  font-weight: 600;
  text-transform: uppercase;
}

.box-tocart .field.qty > .control {
	position: relative;
	text-align: left;
	border-radius: 2px !important;
	border:1px solid #ccc !important;
	display: inline-block;
	text-align: center !important;
	width: 110px;
  }

  .product-info-main .product-add-form .box-tocart .field.qty > .control .input-text.qty,
  .bundle-info .product-details .box-tocart .field.qty > .control .input-text.qty {
	width: 75px !important;
	border: 0;
	height: 40px;
	background: none;
	padding: 0;
	font-weight: 600;
	font-size: 16px;
	color: #222;
	text-align: center;
	font-family: din-2014, sans-serif !important;
    font-style: normal !important;
  }  

  .product-info-main .product-add-form .box-tocart .field.qty,
  .bundle-info .product-details .box-tocart .field.qty {
	display: inline-block;
	margin-right: 0px !important;
	margin-bottom: 10px;
	vertical-align: top;
  }  

  .edit-qty.minus {
	display: block;
	text-align: center;
	font-size: 22px;
	color: #aaa !important;
	background-color: rgb(238, 238, 238, 0.5);
	font-weight: 400 !important;
	line-height: 1;
	position: absolute;
	cursor: pointer;
	padding-top: 7px;

	top: 0px !important;
	left: 0px !important;
	height: 100%;
	width: 30px;
  }  

  .edit-qty.plus {
	display: block;
	text-align: center;
	font-size: 22px;
	color: #aaa !important;
	background-color: rgb(238, 238, 238, 0.5);
	font-weight: 400 !important;
	line-height: 1;
	position: absolute;
	cursor: pointer;
	padding-top: 7px;

	top: 0px !important;
	right: 0px !important;
	height: 100%;
	width: 30px;
  }  

  .checkout-cart-index .cart-summary .checkout-methods-items .item .action.checkout {
	background-color: #2a2a2a;
	border: 1px solid #2a2a2a;
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	padding: 13px 24px 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	-o-border-radius: 1px !important;
	transition: all 300ms;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
  }

  .checkout-cart-index #shopping-cart-table tbody tr td.col.qty .control.qty {
	color: #4d4d4d;
	font-size: 14px;
	height: 40px;
	margin-bottom: 0;
	text-align: center;
	margin: 0 auto;
	width: 100px;
	border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	-o-border-radius: 1px !important;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	padding-left: 13px;
  }

/* Add to Cart Ende */

.btn-secondary {
	color: #000 !important;
	border: none !important;
	background-color: #ccc !important;
	border-radius: 1px !important;
	padding: 2px 30px 0px 30px !important;
  }
  
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	color: #000 !important;
	border: none !important;
	background-color: #ddd !important;
	border-radius: 1px !important;
	padding: 2px 30px 0px 30px !important;
}  

.btn-success {
	color: #fff !important;
	border: none !important;
	padding-top: 2px !important;
	background-color: var(--main-color) !important;
	border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	-o-border-radius: 1px !important;
  }

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
	color: #eee !important;
	padding-top: 2px !important;
	background-color: var(--main-color) !important;
	border: none !important;
	border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	-o-border-radius: 1px !important;
}  

.btn-cookie-settings {
	color: #ccc !important;
	border: none !important;
	padding-top: 2px !important;
	background-color: #efefef !important;
	border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	-o-border-radius: 1px !important;
  }

.btn-cookie-settings:hover,
.btn-cookie-settings:focus,
.btn-cookie-settings:active {
	color: #ccc !important;
	padding-top: 2px !important;
	background-color: #efefef !important;
	border: none !important;
	border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	-o-border-radius: 1px !important;
}  

.btn-danger {
	color: #fff !important;
	border: none !important;
	background-color: #333 !important;
	border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	-o-border-radius: 1px !important;
  }

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
	color: #eee !important;
	background-color: #333 !important;
	border: none !important;
	border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	-o-border-radius: 1px !important;
}  

.btn-apple {
	color: #fff !important;
	border: none !important;
	background-color: #000 !important;
	border-radius: 4px !important;
	padding: 4px 30px 0px 30px !important;
	width:100% !important;
	height: 45px !important;
	font-size: 20px !important;
}
.btn-apple:hover,
.btn-apple:focus,
.btn-apple:active {
	color: #fff !important;
	border: none !important;
	background-color: #000 !important;
	border-radius: 4px !important;
	padding: 4px 30px 0px 30px !important;
	width:100% !important;
	height: 45px !important;
	font-size: 20px !important;
}

.btn-primary {
	color: #fff !important;
	border: none !important;
	background-color: #666 !important;
	border-radius: 1px !important;
	padding: 2px 30px 0px 30px !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color: #fff !important;
	border: none !important;
	background-color: #444 !important;
	border-radius: 1px !important;
	padding: 2px 30px 0px 30px !important;
}

.btn-default {
	color: #fff !important;
	border: none !important;
	background-color: #666 !important;
	border-radius: 1px !important;
	padding: 2px 30px 0px 30px !important;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	color: #fff !important;
	border: none !important;
	background-color: #444 !important;
	border-radius: 1px !important;
	padding: 2px 30px 0px 30px !important;
}

.btn-default2 {
	color: #fff;
	border: 2px solid #fff !important;
	background-color: transparent !;
}
.btn-default2:hover,
.btn-default2:focus,
.btn-default2:active {
	color: #fff !important;
	border: 2px solid var(--main-color) !important;
	background-color: var(--main-color) !important;
	}

.product-data-items-menu {
	display: table-cell !important;
	margin: 0 auto 25px;
	padding-bottom: 30px !important;
}
  
.product-data-items-menu .data.item.title {
	display: table-cell;
	vertical-align: middle;
}
.product-data-items-menu .data.item.title .data.switch {
	height: 40px;
	line-height: 40px;
	border: none !important;
	padding: 0 25px;
	font-size: 14px;
	font-weight: 600;
	display: block;
	border-radius: 0px !important;
	background-color: #eee;
	margin-right: 1px;
	font-family: forma-djr-deck, sans-serif;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.7px;
	color: #666 !important
}

.product-data-items-menu .data.item.title:hover .data.switch, .product-data-items-menu .data.item.title.active .data.switch {
    color: var(--main-color) !important;
}

.product-data-items-content .title-accordion {
    padding: 0 40px 0 17px;
    background-color: rgb(238, 238, 238, 0.5);
    position: relative;
    line-height: 40px;
    cursor: pointer;
    height: 40px;
	font-family: forma-djr-deck, sans-serif;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.7px;
	color: #666 !important
}

.nav-pills>li+li {
	margin-left:0px !important;
}

.button-gr {
	background-color: #eee !important;
	margin-bottom: 10px;
	border-radius: 4px;
	margin-right: 3px;
}

.button-kl {
	font-size: 12px !important;
}

.small {
	padding: 5px !important;
}
.breadcrumbs {
	background-color: #f6f6f8 !important;
	font-size: 10px !important;
	padding: 8px 0 3px !important;
	margin-bottom: 0px !important;
	position: relative;
	top:135px;
}

@media (max-width: 1200px) {
.breadcrumbs {
	background-color: #f6f6f8 !important;
	font-size: 10px !important;
	padding: 8px 0 3px !important;
	margin-bottom: 0px !important;
	position: relative;
	top:72px;
}
}

.breadcrumbs .items li strong {
	font-weight: 400;
	max-width: 180px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
	top: -1px;
	position: relative;
  }
.jumbotron h1, .jumbotron .h1 {
	font-size: 50px !important;
	font-weight: 400 !important;
	color: black !important;
}
@media (max-width: 480px) {
	.jumbotron h1, .jumbotron .h1 {
		font-size: 40px !important;
		font-weight: 400 !important;
		color: black !important;
		}
	}

.jumbotron h2, .jumbotron .h2 {
	font-size: 50px !important;
	font-weight: 400 !important;
	color: black !important;
}
@media (max-width: 480px) {
	.jumbotron h2, .jumbotron .h2 {
		font-size: 40px !important;
		font-weight: 400 !important;
		color: black !important;
		}
	}

.container .jumbotron {
    border-radius: 0px !important;
    margin-left: -30px !important;
    margin-right: -30px !important;
}

.container .container-image-block {
	margin-left: -30px !important;
	margin-right: -30px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.intext-heading {
	font-size: 40px !important;
	font-weight: 200 !important;
	line-height: 1.2 !important;
	padding-bottom: 20px;
}

/* Cart - Account - Buttons */
.minicart-wrapper .action.showcart > .counter.qty, .header .header-wl .count-wl {
background-color: var(--main-color) !important;	
}
/* SEARCH */
.header .search-form .actions-search .action-search, .header .dropdown-toplinks .dropdown-toggle, .header .header-wl a, .minicart-wrapper .action.showcart {
	color: #444 !important;
}
.header .search-form .actions-search .action-search {
	background: none;
	border: none;
	color: #000;
	font-size: 24px;
	line-height: 1;
	display: block;
  }
  .header .search-form .form-search .form.minisearch .input-text {
	position: absolute !important;
	left: 0;
	right: 0;
  }
  .header .search-form .actions-search .action-search:hover {
	color: var(--main-color) !important;
  }
  .header .search-form .form-search {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: #888 !important;
	opacity: 0.97 !important;
	visibility: hidden;
	transition: all 400ms;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
  }
  .header .search-form .form-search .form.minisearch {
	max-width: 580px;
	margin: 0 auto;
	padding: 15px;
	margin-top: 130px;
  }
  .header .search-form .form-search .form.minisearch .input-text {
	border: 0;
	background: #eee !important;
	border-bottom: 1px solid rgba(255, 255, 255, 1) !important;
	padding: 0;
	text-align: center;
	font-size: 20px;
	color: #333 !important;
	box-shadow: none;
	letter-spacing: 2px;
  }
  .header .search-close {
	position: absolute;
	top: 40px;
	color: #fff;
	width: 60px;
	height: 60px;
	background: none;
	border: none;
	font-size: 60px;
  }

  #search_mini_form .mgs-instant-search-dropdown {
    margin-top: 50px !important;
}


/* // SEARCH */

.minicart-items .product-item .product.actions .action:hover {
	background-color: #666 !important;
	border-color: #666 !important;
	color: #fff;
  }

/* Template Base Settings */
.big-item .products-grid .product-item-info.metro_template .product-top a.photo { padding-top: calc(133.3333% - 10px) !important; }
.products-grid .big-item .product-item-info.metro_template .product-top a.photo { padding-bottom: calc(133.3333% - 10px) !important; }

@media (min-width: 1200px){.cms-index-index .header.header8 .vertical-menu-widget .vertical-menu{padding-bottom: 60px;}}.header.header9 .vertical-menu-widget .vertical-menu {padding-bottom: 31px;}
.boxed .breadcrumbs ul.items{margin-left:15px}
.header.header6 .top-header-content {
	border-bottom: 1px solid rgba(255,255,255,0.3) !important;
}

.header.header6 .action.nav-toggle img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

@media (min-width: 768px){
	.cms-index-index .header.header6:not(.active-sticky) {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
		background-color: transparent !important;
		border-bottom: 1px solid rgba(255,255,255,0.3) !important;
	}
}
.mgs-quickview-catalog-product-view .product-detail-infomation.col-xs-12 {
    height: auto !important;
}
.page-wrapper {
	position:relative;
}

.slide-text .big-text,.slide-text h2 {
    font-size: 50px;
	font-weight: 700;
}

/* nohrd */

.slider_mgs_carousel .owl-item .slide-text > * {
	max-width: 550px;
	margin-left: 60px;
  }

.owl-carousel .owl-nav > div:not(.disabled):hover {
background-color: var(--main-color) !important;
color: #fff;
border-color: var(--main-color) !important;
}

.owl-carousel .owl-item .owl-lazy {
opacity: 20 !important;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}

.top-header-content {
    background-color: #eee !important;
    color: #000000 !important;
}

@media (max-width: 767px) {
	.header .logo-header .logo img {
		max-width: 100% !important;
		height: auto !important;
	}
}

@media (min-width: 480px) {
	.header .logo-header .logo img {
		max-width: 100% !important;
		height: auto !important;
	}
}

.header .logo-left-header .logo {
	position: absolute;
	top: 2px;
}

.middle-header-content {
    background-color: #dddddd !important;
    color: #000000 !important;
    height: 100%;
}

.header.active-sticky {
	position: fixed;
	z-index: 997;
	top: 0;
	left: 0;
	box-shadow: none !important;
	border-color: white !important;
	right: 0;
  }

.header:not(.header6):not(.header7) .megamenu-content .nav-tabs > li > a {
	background: none;
	padding: 25px 0;
	display: block;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	margin: 0;
	font-weight: 600;
	color: #fff;
	background-color: #eee !important;
	border: none !important;
}

.header:not(.header6):not(.header7) .megamenu-content .nav-tabs > li.active > a {
	background-color: #ddd !important;
	color: #272727;
	}

/* background-color: red; */

.nav-tabs {
	border-bottom: 1px solid #eee !important;
	}
	
	.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
	}
	
	.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: none !important;
	font-size: 10px !important;
	padding: 10px 10px !important;
	}
	
	.nav-tabs > li > a:hover {
	border-color: #ddd;
	border: none !important;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		color: #000 !important;
		cursor: default;
		background-color: #ddd !important;
		border-bottom-color:transparent;
		border: none !important;
		font-size: 10px !important;
	}


/* price slider shop */

.smile-es-range-slider .action {
    background:#222;
	color:#fff;
	padding: 2px 10px;
    color: #fff;
    border-radius: 40px;
    line-height: 20px;
    display:block;
}
.smile-es-range-slider .action:hover, .smile-es-range-slider .action:active {
    background: var(--main-color) !important;
}

.ui-slider-handle {
    top: -5px;
    height: 15px;
    width: 15px;
    background: #000 !important;
    display: block;
}

.ui-slider-range.ui-widget-header.ui-corner-all{
    left: 25.5%;
    width: 50.5%;
    background: #777 !important;
    position: absolute;
    height: 5px;
}

.slider-label>div {
    position: absolute;
    margin-top: -20px;
    color: #fff;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #333 !important;
    border-radius: 3px;
}

.smile-es-range-slider .action:hover, .smile-es-range-slider .action:active{
    background:#777;
}

/* testimonials */

.testimonial-list-block .testimonial-content .content blockquote:before {
	content: "\f10e";
	font-family: FontAwesome;
	position: absolute;
	top: -22px;
	left: -26px;
	font-size: 62px;
	z-index: 0;
	color: rgba(244, 167, 0, 0.18);
	font-style: normal;
	line-height: 1;
  }

  /* Checkout */

.opc-estimated-wrapper .estimated-block .estimated-price {
color: var(--main-color) !important;
}
.opc-estimated-wrapper .minicart-wrapper button.action.showcart > .counter.qty{
	display: none !important;
}
.opc-block-summary .table-totals tr.totals.grand th strong,
.opc-block-summary .table-totals tr.totals.grand td strong {
  color: var(--main-color) !important;
  font-weight: 500;
}
.cart-totals, .opc-block-summary .table-totals {
border: 0px solid #cccccc !important;
}
.onestepcheckout-index-index .page-title-wrapper .page-header {
text-align: center !important;
color: #333333;
font-size: 40px;
}
.onestepcheckout-index-index .items strong {
font-weight: 400 !important;
font-size: 10px !important;
color: #999 !important;
}
.onestepcheckout-index-index .page-title-wrapper {
margin-top: 0px !important;
background-color: #f7f7f7;
padding: 20px 0 20px;
text-align: center;
background-image: none !important;
background-size: cover;
background-repeat: repeat-y;
position: relative;
background-position: center center;
background-attachment: scroll;
}
.onestepcheckout-index-index .page-wrapper .page-header, .onestepcheckout-index-index .page-footer {
display:block !important;
}    
.onestepcheckout-index-index .page-title-wrapper:before {
content: '';
position: absolute;
background: #222;
left: 0;
top: 0;
width: 100%;
height: 38px;
}
.onestepcheckout-index-index .page-title-wrapper h1,
.onestepcheckout-index-index .page-title-wrapper .h1 {
color: #fff !important;
font-weight: 300 !important;
font-size: 20px !important;
padding-top: 16px !important;
border: none;
display: block;
margin: 0px !important;
position: relative;
height: 34px !important;
}
.onestepcheckout-index-index .field-tooltip .field-tooltip-action::before {
font-size: 20px;
padding-right: 5px;
}
.onestepcheckout-index-index .modal-popup .modal-header .action-close:before {
font-size: 20px;
line-height: 26px !important;
color: #fff;
border: 0;
}

.product-data-items-menu .data.item.title .data.switch:hover {
	background-color: #eee !important;
  }

  .checkout-cart-index .shopping-cart-bottom .cart-totals {
    margin-top: 40px;
    position: relative;
    padding-top: 21px;
    border:0px solid #eaeaea
}

  /* Dropdown_menus */

.dropdown-menu {
	box-shadow: none !important;
}

 .dd-menu {
	margin-left: 0px;
	z-index: 10000;
}

.menupunkte {
	min-height: 42px;
	background-color: #fff;
}

.menupunkte a {
	padding-left: 20px;
}

.menupunkte li:hover {
	color: #333;
	background-color: #eee;
}

.header .dropdown-toplinks .dropdown-menu li:hover {
	white-space: nowrap;
	color: #333 im !important;
	background-color: #eee !important;
  }

@media (max-width: 1200px) {
	.nohrd-menu-row {
		display: none;
	}
}

@media (min-width: 1200px) {
.menu-chevron:after {
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
  	content: '\f078';
	float: right;
	position: relative !important;
	margin-top: -42px;
	}
}

    /* //// Dropdown_menus */
 
    .account-nav {
    background-color: #fff;
    width: 90%;
    }
    
    .account-nav li {
    border-bottom: none !important;
    background-color: #eee;
    padding-left: 10px;
    margin-top: 3px;
    }
    
    .account-nav li > a {
    border-bottom: none !important;
    background-color: transparent!important;
    padding: 0px !important;
	line-height: 40px;
    }
    
    .account-nav li > a:hover {
    border-bottom: none !important;
    color: black;
	line-height: 40px;
    }
    
    .account-nav li.current strong {
    font-weight: 600;
    color: #000;
	line-height: 40px;
    }

/* Shop link filter */

.block.filter .block-content.filter-content .filter-options-item input[type=radio],
.block.filter .block-content.filter-content .filter-options-item input[type=checkbox] {
  display: none !important;
}

.block.filter .block-content.filter-content .filter-options-item input[type=radio]:checked,
.block.filter .block-content.filter-content .filter-options-item input[type=checkbox]:checked {
  display: block !important;
  margin-right: 5px;
}

.block.filter .block-content.filter-content .filter-options-item input[type=radio]:checked:before,
.block.filter .block-content.filter-content .filter-options-item input[type=checkbox]:checked:before {
  display: block !important;
  margin-top: 20px !important;
}

.block.filter .block-content.filter-content .filter-options-item input[type=radio]:checked:after,
.block.filter .block-content.filter-content .filter-options-item input[type=checkbox]:checked:after {
  display: block !important;
  margin-right: 50px !important;
}

.mgs-layered-checkbox {
	float: left !important;
	margin-top: 5px !important;
	margin-right: 10px;
}

.block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item .count:after {
	content: " )" !important;
	display: inline !important;
}

.mgs-filter-active .state-item {
	padding:3px 5px; border:1px solid #ccc; background:#f0f0f0; border-radius:2px; margin-bottom:2px; font-size:12px; position:relative;
}

.mgs-filter-active .state-item .state-item-icon-cancel {
	position:absolute; z-index:10; width:100%; height:100%; left:0; top:0; cursor:pointer;
}

.mgs-filter-active .state-item:hover {
	border-color:#333 !important;
}

.mgs-filter-active .state-item:hover .state-item-icon-cancel:after {
	position:absolute;
	width:100%;
	height:2px;
	background:#333 !important;
	top:100%;
	left:0;
	content:""
}
.mgs-filter-active .state-item-name span {
	font-weight:600
}

	.filter-option-nohrd {
		font-size: 18px;
		font-weight: 600;
		color: #222 imp !important;
		position: relative;
		display: block;
		padding: 0 0 2px;
		margin-bottom: 15px;
		}

	.filter-option-nohrd:before {
		height: 2px;
		width: 60px;
		content: "";
		position: absolute;
		bottom: 0;
		background-color: #222;
		left: 0;
	}

	  	  /* // END sidebar // */

/* Shop Icon unten */

	.icon-service .icon {
		color: #9e9e9e;
		font-size: 36px;
		display: table-cell;
		vertical-align: top;
		width: 1%;
		padding-right: 0px !important;
		line-height: 100%;
	}

	.icon-landing .icon {
		color: var(--main-color) !important;
		font-size: 76px;
		display: table-cell;
		vertical-align: top;
		width: 1%;
		line-height: 100%;
		padding-left: 30px;
	}

.nohrd-menu-products .dropdown-menu {
	background-color: var(--main-color) !important;
	
}

	.chevron {
		position: relative;
		top: -35 px;
		float: right;

	}
.no-padding-gallery {
	margin-top: -28px !important;
	margin-bottom: 2px !important;
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.no-padding-dark {
	background-color: #1b1b1b;
	width: 100%;
	margin-left: -15 px !important;
	margin-right: -15 px !important;
}

.text-in-head {
    opacity: 0;
    transition: opacity 0s ease-in 600ms, opacity 600ms;
    position: relative;
	font-size: 20px;
	font-weight: 500;
}

.text-in {
    opacity: 0;
    transition: opacity 0s ease-in 600ms, opacity 600ms;
    position: relative;
	font-size: 16px;
}

.text-in-head:after{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.text-in:after{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* HOME SLIDER BANNER */

.home-slider-background {
	background-color: #333;
	margin-top:26px;
}

.home-slider-background-xs {
	background-color: #333;
	margin-top: 26px;
	line-height: 50px;
}

.home-slider-heading {
	position: relative;
	top:5px;
	left:0;
	right:0;
	font-size: 40px;
	font-weight: 100;
	letter-spacing: 0.05em;
	color: white;
	}

@media (max-width: 1200px) {
	.home-slider-heading {
		position: relative;
		top:5px;
		left:0;
		right:0;
		font-size: 40px;
		font-weight: 100;
		letter-spacing: 0.05em;
		color: white;
		}
	}
	
.home-slider-subhead {
	position: relative;
	margin-top: -20px;
	padding: 0px 0px 10px 0px;
	left:0;
	right:0;
	font-size: 24px;
	font-weight: 100;
	color: #ccc;
	}	

@media (max-width: 1200px) {
	.home-slider-subhead {
		position: relative;
		margin-top: -20px;
		padding: 0px 0px 10px 0px;
		left:0;
		right:0;
		font-size: 24px;
		font-weight: 100;
		color: #ccc;
		}
	}

.home-slider-subhead-xs {
	position: relative;
	padding: 0px 0px 10px 0px;
	left:0;
	right:0;
	font-size: 20px;
	letter-spacing: 0.05em;
	font-weight: 100;
	color: #ccc;
	}
	
	.home-mieten-heading {
		position: relative;
		top:10px;
		left:0;
		right:0;
		font-size: 40px;
		font-weight: 100;
		letter-spacing: 0.05em;
		color: black;
		}

@media (max-width: 720px) {
	.home-mieten-heading {
		position: relative;
		top:10px;
		margin-bottom: 15px;
		left:0;
		right:0;
		font-size: 25px;
		font-weight: 100;
		letter-spacing: 0.05em;
		color: black;
		}
	}

	.home-mieten-subhead {
		position: relative;
		margin-top: -15px;
		padding: 0px 0px 10px 0px;
		left:0;
		right:0;
		font-size: 24px;
		font-weight: 100;
		color: black;
		}
		
@media (max-width: 720px) {
	.home-mieten-subhead {
		position: relative;
		margin-top:0px;
		margin-bottom:15px;
		padding: 0px 0px 10px 0px;
		left:0;
		right:0;
		font-size: 18px;
		font-weight: 100;
		color: black;
		}
	}

@media (max-width: 480px) {
	.home-mieten-subhead {
		position: relative;
		margin-top:0px;
		margin-bottom:15px;
		padding: 0px 0px 10px 0px;
		left:0;
		right:0;
		font-size: 18px;
		font-weight: 100;
		color: black;
		}
	}

/* HEADLINES */
@media (min-width: 481px) {
.nohrd-fine-heading {
	position: absolute;
	z-index: 10;
	font-size: 40px;
	font-weight: 200;
	color: white;
	letter-spacing: 3px;
	left:0;
	right:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
}
@media (max-width: 767px) {
	.nohrd-fine-heading {
		position: absolute;
		z-index: 10;
		font-size: 30px;
		font-weight: 200;
		color: white;
		letter-spacing: 3px;
		left:0;
		right:0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		}
	}

@media (min-width: 481px) {	
.nohrd-fine-subhead {
	position: absolute;
	z-index: 10;
	font-size: 18px;
	font-weight: 200;
	color: white;
	letter-spacing: 2px;
	margin-top: 50px;
	left:0;
	right:0;
	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
}
@media (max-width: 767px) {	
	.nohrd-fine-subhead {
		position: absolute;
		z-index: 10;
		font-size: 13px;
		font-weight: 200;
		color: white;
		letter-spacing: 2px;
		margin-top: 50px;
		left:0;
		right:0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		}
	}

/* PROMOBANNER / Lookbook */

.pin__title {
background-color: #eee !important;
}

.pin__type {
	background: var(--main-color) !important;
	border: 2px solid var(--boder-color) !important;
}

@media (max-width: 767px) {
.pin__icon--add,
.pin__type--area {
width:20px !important;
height: 20px !important;
}
}

.promobanner:hover .text-in-head {
    opacity: 1;
    transition: opacity 0s ease-in 600ms, opacity 600ms;
}

.promobanner:hover .text-in {
    opacity: 1;
    transition: opacity 0s ease-in 600ms, opacity 600ms;
}

.promobanner-heading {
	font-size: 40px;
	font-weight: 400;
	top: 0px;
}
@media (max-width: 767px) {
	.promobanner-heading {
		font-size: 20px;
		font-weight: 100;
		top: -30px;
		position: relative;
		color: black;
		}
	}

@media (max-width: 1200px) {
.banner-heading-block {
	position: relative;
	z-index: 5;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #333;
	}
}

@media (min-width: 1200px) {
.banner-heading-block {
	position: relative;
	z-index: 5;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #333;
	}
}

@media (min-width: 481px) {
.nohrd-banner-heading {
	position: absolute;
	z-index: 10;
	margin-top: 100px;
	left:0;
	right:0;
	font-size: 40px;
	font-weight: 200;
	color: black;
	}
}

@media (max-width: 767px) {
.nohrd-banner-heading {
	position: absolute;
	z-index: 10;
	margin-top: 60px;
	left:0;
	right:0;
	font-size: 30px;
	font-weight: 200;
	color: black;
	}
}

@media (min-width: 1200px) {
.nohrd-banner-heading-white {
	position: absolute;
	z-index: 10;
	margin-top: 0px;
	left:0;
	right:0;
	font-size: 24px;
	font-weight: 600;
	color: white;
	}
}

@media (max-width: 1200px) {
.nohrd-banner-heading-white {
	position: absolute;
	z-index: 10;
	margin-top: 0px;
	left:0;
	right:0;
	font-size: 14px;
	font-weight: 400;
	color: white;
	}
}

@media (min-width: 481px) {
.nohrd-banner-subhead {
	position: absolute;
	z-index: 10;
	margin-top: 160px;
	left:0;
	right:0;
	font-size: 20px;
	font-weight: 400;
	color: black;
	}
}

@media (max-width: 767px) {
.nohrd-banner-subhead {
	margin-top: 110px;
	}
}	

.fitness-head {
	font-size: 30px;
	position: relative;
	margin-top: 70px
}

@media (max-width: 767px) {
	.fitness-head {
		margin-top: 0px;
		font-size: 20px;
		position: relative;
		margin-top: 20px
		}
	}

.fitness-subhead {
	font-size: 20px;
	position: relative;
	margin-top: 0px
}

@media (max-width: 767px) {
	.fitness-subhead {
		margin-top: 0px;
		font-size: 14px;
		position: relative;
		margin-left: 20px
		}
	}	

.pm-mask:before {
	content: "";
	position: absolute;
	background: none !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* /// PROMOBANNER */ 

.buy-button {
	background-color: var(--main-color) !important;
	float: left !important;
	position: relative !important;
}

@media (max-width: 1024px) {
    .buy-button {
        background-color: var(--main-color) !important;
        float: right !important;
        position: fixed !important;
        top: 142px;
        right: -5px;
        z-index: 1000;
        height: 62px;
        padding-top: 9px;
		color: white;
		font-size: 14px;
    }

	.buy-button:hover {
        background-color: none !important;
        float: right !important;
        position: fixed !important;
        top: 142px;
        right: -5px;
        z-index: 1000;
        height: 62px;
        padding-top: 9px;
		font-size: 14px;
    }
}

.image-description-right {
	padding-left: 40px !important;
	padding-top: 40px !important;
}

.image-description-left {
	padding-left: 40px !important;
	padding-top: 40px !important;
}

.image-description-bottom {
	padding-top: 20px !important;
}

.id-heading-right {
	font-size: 40px;
	font-weight: 400;
	line-height: 50px;
	padding-bottom: 20px;
	color: white;
}

.id-heading-right-dark {
	font-size: 40px;
	font-weight: 400;
	line-height: 50px;
	padding-bottom: 20px;
	margin-top: 20px;
	color: #333;
}

.id-heading-left {
	font-size: 40px;
	font-weight: 400;
	line-height: 50px;
	padding-bottom: 20px;
	color: white;
}

.id-text-right {
	font-size: 20px;
	font-weight: 300;
}

.id-text-left {
	font-size: 20px;
	font-weight: 300;
}

.image-block {
	margin-top: 30px;
}

.id-heading-bottom {
	font-size: 24px;
	font-weight: 400;
	color: black;
	padding-top: 10px;
}

.id-text-bottom {
	font-size: 18px;
	font-weight: 300;
	padding-bottom: 20px;
}

.preloader {
	display: none !important;
}

.numberCircle {
    border-radius: 50%;
    width: 80px;
    height: 80px;
	margin-left: auto;
	margin-right: auto;
    background: var(--main-color);
    border: 4px solid #666;
	margin-bottom: 20px;
}

.number-c {
    font-size: 45px;
    font-weight: 600;
    color: white;
    position: absolute;
    margin-left: -13px;
	margin-top: -4px;
}

/* FILTER TOGGLE */

.catalog-category-view.page-layout-3columns .category-product-actions .filter-toggle .title,
.catalog-category-view.page-layout-2columns-right .category-product-actions .filter-toggle .title,
.catalog-category-view.page-layout-2columns-left .category-product-actions .filter-toggle .title {
  font-size: 36px;
  cursor: pointer;
  line-height: 1;
  color: var(--main-color) !important;
}

.full-review.product-reviews-summary {
	display: none !important;
  }

  .location-address {
	  padding-left: 30px;
	  padding-top: 15px;
  }

  /* Produkte Layout */

  .container-fluid-technik {
    margin-top: -90px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    margin-bottom: 30px;
    background-color: #ddd;
}

.technik-details {
    margin-top: 15px;
    text-align: center;
}

.technik-1 {
    font-size: 15px;
    color: #111;
    text-align: center;
}

.technik-2 {
    font-weight: 700;
    font-size: 20px;
    color: black;
    text-align: center;
}

@media (max-width: 1300px){
	.technik-2 {
		font-weight: 700;
		font-size: 15px;
		color: black;
		text-align: center;
	}
}

@media (max-width: 480px){
	.technik-2 {
		font-weight: 700;
		font-size: 12px;
		color: black;
		text-align: center;
	}
}

.head-technik {
    font-size: 16px;
    line-height: 1.1;
    font-weight: 400;
    color: #111;
    text-align: center;
    padding-bottom: 30px;
}

.head-technik:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid black;
    left: 40%;
    width: 20%;
    margin-top: 40px;
}

.product-detail-block {
	margin-bottom: 15px;
	margin-top: 15px;
}

.product-detail-block-head {
	border-bottom: 1px solid #999;
}

.product-detail-block-head p{
	margin-bottom: 0px;
	font-size: 20px;
}

.products-grid .product-item-info.disable_button_cart_hover_effect .tocart.btn-cart.hover_effect {
	background-color: #eee !important;
}

.filter-icon {
	font-size:20px !important;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	color: var(--main-color);
	font-weight:800 !important;
}

.portfolio-grid .item .portfolio-top-content .portfolio-bottom-content .title {
	font-size: 15px;
	font-weight: 600;
	color: #fff !important;
	margin: 0;
  }

  .portfolio-grid .item .portfolio-top-content .portfolio-bottom-content .category-link {
	color: #fff;
	display: none;
  }

  .portfolio-grid .item .portfolio-top-content .portfolio-bottom-content {
    position: absolute;
    bottom: 50% !important;
    left: 20px;
    opacity: 0;
    width: 80% !important;
    z-index: 1;
    transition: all 500ms !important;
    -webkit-transition: all 500ms !important;
    -moz-transition: all 500ms !important;
    -o-transition: all 500ms !important;
    left: 20% !important;
    border-bottom: 1px solid white !important;
}


.kaufen-button {
	background-color: var(--main-color) !important;
 }

.kaufen-button a {
	color: white !important;
}

.kaufen-button a:hover {
	color: var(--main-color) !important;
}

  .slider-heading {
	position: absolute;
	margin-top: 60px;
	color: white;
	font-size: 40px;
	background-color: black;
	padding: 10px 30px 50px 50px;
  }
  @media (max-width: 1300px){
	.slider-heading {
		position: absolute;
		margin-top: 60px;
		color: white;
		font-size: 20px;
		background-color: black;
		padding: 10px 30px 40px 40px;
	  }
	}

  .slider-sub-heading {
	position: absolute;
	margin-top: 100px;
	color: white;
	font-size: 20px;
	padding-top: 30px;
	padding-left: 50px;
  }
  @media (max-width: 1300px){
  .slider-sub-heading {
	position: absolute;
	margin-top: 100px;
	color: white;
	font-size: 14px;
	padding-top: 5px;
	padding-left: 40px;
  }
}

.brandstore-text {
	margin-top: 20px;
}

.brandstore-content {
	font-weight: 500;
	font-size: 20px;
	padding-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	color: black;
}

/* // Customer Bereich */

.items.order-links li.current,
.items.order-links li:hover {
  border-color: none !important;
  color: black !important;
  display: none !important;
}

.order-details-items .table-wrapper tfoot tr.grand_total th strong,
.order-details-items .table-wrapper tfoot tr.grand_total td strong {
  font-size: 20px;
  color: black !important;
}

/*  Timeline */

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
	padding-bottom: 10px;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}
/* END Timeline */

.configurable-variation-qty {
	display: none !important;
}

/* Produkte */
.nohrd-products-title {
    color: #333;
    font-size: 22px;
    line-height: 20px;
    font-weight: 200;
}

.nohrd-products-subtitle {
    color: #555;
    font-size: 12px;
}

@media (max-width: 768px) {  
.nohrd-products-subtitle {
    display:none;
	}
}

/* Scrollbarer Filter */
.filter-open .catalog-category-view.page-layout-3columns .block.filter .block-content.filter-content,
.filter-open .catalog-category-view.page-layout-2columns-right .block.filter .block-content.filter-content,
.filter-open .catalog-category-view.page-layout-2columns-left .block.filter .block-content.filter-content {
  opacity: 1;
  overflow-x: auto !important;
  visibility: visible;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
}
.flagge {
	margin-bottom: 5px;
	margin-top: 10px;
	height: 20px;
	width: auto;
	border: 1px solid #eee;
}

.tooltip {
	display: none !important;
}

.field-tooltip {
	display: none !important;
}

/* CHECKOUT */

.checkout-index-index .payment-option._collapsible.opc-payment-additional.discount-code {
    display: none;
}

@media (min-width: 992px) {
.opc-progress-bar .opc-progress-bar-item._active:before {
    background: var(--main-color) !important;
  }
}
.opc-progress-bar .opc-progress-bar-item._active > span {
    color: var(--main-color) !important;
  }
  .opc-progress-bar .opc-progress-bar-item._active > span:before {
    background: var(--boder-color) !important;
  }
  .opc-progress-bar .opc-progress-bar-item._active > span:after {
    color: var(--main-color) !important;
  }
  .opc-progress-bar .opc-progress-bar-item._complete:before {
    background: #ccc !important;
  }
  .opc-progress-bar .opc-progress-bar-item._complete > span:before {
    background: #ccc !important;
  }
  .opc-progress-bar .opc-progress-bar-item._complete > span:after {
    color: var(--main-color) !important;
    font-family: 'FontAwesome';
    content: '\f00c';
  }
  .opc-progress-bar .opc-progress-bar-item._complete > span {
    color: var(--main-color) !important;
  }

#shipping-method-buttons-container .action,
.payment-method-content .actions-toolbar .action,
#shipping-method-buttons-container button.action,
.payment-method-content .actions-toolbar button.action {
  min-width: 200px;
  text-align: center;
  padding: 9px 20px;
  background-color: var(--main-color) !important;
  border: 1px solid var(--boder-color) !important;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 1px !important;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  -o-border-radius: 1px !important;
  height: auto;
}

.authentication-wrapper .action-auth-toggle:hover {
	background-color: var(--main-color) !important;
	border-color: var(--boder-color) !important;
	color: #fff;
  }

 .box-title-paypal {
	font-size: 20px !important;
 }

 mark, .mark {
    padding: .2em;
    background-color: none !important;
}

.badge-default {

    background-color: red !important;
}


/* SHOWROOM */

.btn-showroom {
	margin: 0 !important;
	position: absolute !important; 
	top: 70% !important;
	left: 50% !important;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff !important;
	border: none !important;
	padding: auto !important;
	font-size: 20px !important;
	background-color: black !important;
	border-radius: 1px !important;
	border: 1px solid white !important;
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	-o-border-radius: 1px !important;
	width: 300px !important;
	height: 60px !important;
  }

.showroom-menu-button {
	padding: 30px 30px;
}
.showroom-heading {
	font-weight: 200;
	font-size: 50px;
	color: black;
}
.showroom-text-block {
	padding-left: 50px !important;
}
.showroom-product-head {
	font-size: 40px;
	margin-bottom: 20px;
	color: black;
}
.showroom-product-subhead {
	font-size: 24px;
	margin-bottom: 10px;
	color: black;
}
.showroom-product-text {
	font-size: 24px;
	line-height: 1.8em;
}
.showroom-product-subtext {
	font-size: 14px;
	line-height: 1em;
}
.showroom-waterrower-logo {
	top: -90px;
}
.showroom-tiles {
	width:100%;
	margin-bottom: 30px;
}

@keyframes fadein {
	0% {
	opacity:0;
	}
	
	100% {
	opacity:1;
	}
   }

.showroom-tiles-heading {
	position: absolute;
	top:10px;
	left:40px;
	font-size: 20px;
	font-weight: 200;
	color: black;
	}

.showroom-animation {
	animation: fadein 2s; 
}	   
	   
.image-wrap {
	width: 100%;
	height: 50vw;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
  }
  
  .image-wrap img {
	width: 100%;
	animation: move 40s ease;
	/* Add infinite to loop. */
	
	-ms-animation: move 40s ease;
	-webkit-animation: move 40s ease;
	-o-animation: move 40s ease;
	-moz-animation: move 40s ease;
	position: absolute;
  }
  
  @-webkit-keyframes move {
	0% {
	  -webkit-transform-origin: bottom left;
	  -moz-transform-origin: bottom left;
	  -ms-transform-origin: bottom left;
	  -o-transform-origin: bottom left;
	  transform-origin: bottom left;
	  transform: scale(1.0);
	  -ms-transform: scale(1.0);
	  /* IE 9 */
	  
	  -webkit-transform: scale(1.0);
	  /* Safari and Chrome */
	  
	  -o-transform: scale(1.0);
	  /* Opera */
	  
	  -moz-transform: scale(1.0);
	  /* Firefox */
	}
	100% {
	  transform: scale(1.2);
	  -ms-transform: scale(1.2);
	  /* IE 9 */
	  
	  -webkit-transform: scale(1.2);
	  /* Safari and Chrome */
	  
	  -o-transform: scale(1.2);
	  /* Opera */
	  
	  -moz-transform: scale(1.2);
	  /* Firefox */
	}
  }

  .shipping-address-items .shipping-address-item.selected-item {
	color: black !important;
	border-color: var(--main-color) !important;
  }

  /* Cookies */
  .modal-slide.pr-cookie-left-bar {
	position: absolute !important;
	top: 0px !important;
	overflow-y: auto !important;
	height: 100vh !important;
	z-index: -1;
  }

  .modals-overlay {
	display: none !important;
  }

  .modal-header h1 {
	font-size: 24px !important
  }

@media (max-width: 650px){
  	.modal-header h1 {
		font-size: 16px !important
  	}
}

@media (max-width: 650px){
	.modal-header {
	  min-height: 50px !important;
	}
}

.message.global.cookie.mgs-gdpr-cookie-notice {
display: none !important;
}

.pr-cookie-modal.modal-popup .pr-cookie-notice-text,
.pr-cookie-modal-popup .pr-cookie-notice-text {
    margin: 0 0 5px !important;
    color: inherit;
	padding: 10px 5px 0px 20px !important;
}

.pr-cookie-notice-text p {
    margin-bottom: 0;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

@media (min-width: 650px){
    .pr-cookie-modal.modal-popup .modal-inner-wrap{
        right: auto;
        bottom: auto;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        max-width: 600px;
        padding: 0 0 3rem;
        background-color: rgb(255, 255, 255, 0.85) !important;
		border: 1px solid #666;
		z-index: -2;
    }
}

.pr-cookie-details-modal.modal-popup .modal-inner-wrap{
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 3rem 1rem;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    border: 1px solid #232323;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
	background-color: white;
    margin: 0;
}

.pr-cookie-details-modal .modal-inner-wrap .modal-content {
    max-height: 100%;
    overflow: auto;
    padding: 10px !important;

}

#pr-cookie-setting-bar .option-status {
    font-size: 1.4rem;
    color: var(--main-color) !important;
    white-space: nowrap;
}

.pr-cookie-option .switch-label input:checked + .switch-area {
    background-color: var(--main-color) !important;
    border-color: var(--boder-color) !important;
}

@media (max-width: 650px){
	.pr-cookie-modal.modal-popup .modal-inner-wrap{
		background-color: rgb(235, 235, 235, 0.9) !important;
		padding: 10px 0 !important;
		bottom: auto !important;
	}
}

.pr-cookie-setting-bar-wrap {
	padding-bottom: 100px !important;
}

.pr-cookie-notice-actions {
    justify-content: center !important;
	display: flex !important;
	padding: 10px !important;
	background-color: white;
}

.pr-cookie-notice-btn-allow {
	color: #fff !important;
	border: none !important;
	padding-top: 2px !important;
	border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	-o-border-radius: 1px !important;
	padding: 2px 10px 0px 10px !important;
	margin-right: 5px;
}

.pr-cookie-notice-btn-decline {
	color: #000 !important;
	border: none !important;
	border-radius: 1px !important;
	padding: 2px 10px 0px 10px !important;
	font-weight: 100 !important;
}

.pr-cookie-notice-btn-setting {
	color: #000 !important;
	border: none !important;
	border-radius: 1px !important;
	padding: 2px 10px 0px 10px !important;
	font-weight: 100 !important;
}

.pr-cookie-left-bar .pr-actions-buttons {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.pr-cookie-left-bar .pr-actions-buttons .action {
    min-width: 150px;
    min-height: 46px;
    margin-right: 20px;
    box-shadow: none;
}

.left-side {
	background-color: #ccc;
	display: flex;
	flex-flow: column;
	height: auto;
}
.left-side-inner {
	background-image: url('https://www.nohrd.com/pub/media/home/wr-background-home2.jpg');
	background-color: #4d626c;;
	margin: 60px;
    position: relative;
    box-sizing: border-box;
    height: auto;
	aspect-ratio: 1/1;
    background-position: center center;
    background-size: cover;
}
.text-left-side-inner {
	position: relative;
	background-color: rgb(235, 235, 235, 0.5);
    height: 100%;
}
.text-left-side-inner:hover {
	position: relative;
	background-color: rgb(235, 235, 235, 0);
    height: 100%;
	-webkit-transition: all 0.5s ease-out;
   	-moz-transition: all 0.5s ease-out;
   	-o-transition: all 0.5s ease-out;
   	-ms-transition: all 0.5s ease-out;
   	transition: all 0.5s ease-out;
}
.text-left-side-inner:hover p {
	position: relative;
	color:white;
	font-size: 60px;
	font-weight: 500;
	-webkit-transition: all 0.5s ease-out;
   	-moz-transition: all 0.5s ease-out;
   	-o-transition: all 0.5s ease-out;
   	-ms-transition: all 0.5s ease-out;
   	transition: all 0.5s ease-out;
}
.text-left-side-inner:hover h3 {
	display: none;
	-webkit-transition: all 0.5s ease-out;
   	-moz-transition: all 0.5s ease-out;
   	-o-transition: all 0.5s ease-out;
   	-ms-transition: all 0.5s ease-out;
   	transition: all 0.5s ease-out;
}
.left-side-heading {
	color:white;
	font-size: 40px;
	top:50%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	position: relative;
}

.left-side-subhead {
	color: white;
	font-size: 20px;
	top:45%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	position: relative;
}

.right-side {
	background-color: #eae5e1;
	display: flex;
	flex-flow: column;
	height: auto;
}
.right-side-inner {
	background-image: url('https://www.nohrd.com/pub/media/home/nohrd-background-home2.jpg');
	background-color: #3a7378;
	margin: 60px;
    position: relative;
    box-sizing: border-box;
    height: auto;
	aspect-ratio: 1;
    background-position: center center;
    background-size: cover;
}
.text-right-side-inner {
	position: relative;
	background-color: rgb(235, 235, 235, 0.5);
    height: 100%;
}
.text-right-side-inner:hover {
	position: relative;
	background-color: rgb(235, 235, 235, 0);
    height: 100%;
	-webkit-transition: all 0.5s ease-out;
   	-moz-transition: all 0.5s ease-out;
   	-o-transition: all 0.5s ease-out;
   	-ms-transition: all 0.5s ease-out;
   	transition: all 0.5s ease-out;
}
.text-right-side-inner:hover p {
	position: relative;
	color:white;
	font-size: 60px;
	font-weight: 500;
	-webkit-transition: all 0.5s ease-out;
   	-moz-transition: all 0.5s ease-out;
   	-o-transition: all 0.5s ease-out;
   	-ms-transition: all 0.5s ease-out;
   	transition: all 0.5s ease-out;
}
.text-right-side-inner:hover h3 {
	display: none;
	-webkit-transition: all 0.5s ease-out;
   	-moz-transition: all 0.5s ease-out;
   	-o-transition: all 0.5s ease-out;
   	-ms-transition: all 0.5s ease-out;
   	transition: all 0.5s ease-out;
}

.right-side-heading {
	color:white;
	font-size: 40px;
	top:50%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	position: relative;
}
.right-side-subhead {
	color: white;
	font-size: 20px;
	top:45%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	position: relative;
}
.logo-banner {
	position: absolute;
 	background-color: #333;
	padding: 30px 55px 5px 50px;
	z-index: 1;
}
.container-middle {
   	display: flex;
   	flex-direction: row;
   	flex-wrap: wrap;
   	justify-content: center;
   	align-items: center;
	position: relative;
	/* top:60px; */
}
.logo-text {
	color: white;
	font-size: 20px;
}

.left-side-inner2 {
	background-color: #4d626c;;
	margin: 60px;
    position: relative;
}
.right-side-inner2 {
	background-color: #3a7378;;
	margin: 60px;
    position: relative;
}

.flip-card {
	background-color: transparent;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	perspective: 1200px;
  }
  
  .flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }
  
  .flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
	transition-duration: 1.2s;
  }
  
  .flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
  }

  .flip-card-front, .flip-card-back-right {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
  }
  
  .flip-card-front {
	background-color: #bbb;
	color: white;
  }
  
  .flip-card-back {
	background-color: #2b373c;
	color: white;
	transform: rotateY(180deg);
	transition-duration: 2s;
  }

  .flip-card-back-right {
	background-color: #214043;
	color: white;
	transform: rotateY(180deg);
  }

  .flip-card-button {
	top:50% !important;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	position: relative;
  }

  .related-product-main .product-item-info .product-top .product-item-inner input:checked + .label {
    background-color: var(--main-color) !important;
    color: #fff;
    font-size:26px
}

.text-success {
	color: var(--main-color);
}
.text-warning {
	color: orange !important;
}

/* BLOG 2024 */

.nohrd-block-blog-posts {
	margin-top: -60px;
}

@media (max-width: 1200px) {
.nohrd-block-blog-posts {
	margin-top: 0px;
}
}

.sidebar .block .block-title .nohrd-blog-title {
    font-family: forma-djr-deck, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 2px;
	color: #000;
	line-height:1.2em;
	font-size:20px;
	text-transform: uppercase;
    position: relative;
    display: block;
    margin-bottom: 25px;

}

.sidebar .block .block-title .nohrd-blog-title:after {
    height: 1px;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    background-color: #000;
    left:0
}

.nohrd-blog-date {
	display: none;
}

.nohrd-blog-item {
	font-size: 16px;
    font-family: din-2014, sans-serif;
    font-weight: 400;
	color: black;
	border-bottom: 1px solid #eee;
	line-height: 2.5;
}

.sidebar .block-blog-categories li:before {
	color: #222;
	content: "" !important;
	left: 0;
	position: absolute;
}

.sidebar .block-nohrd-blog-categories li {
	padding-left: 0px;
	position: relative;
	line-height: 2.5;
}

.sidebar .block-blog-categories li:before {
    color: #222;
    content: "+";
    left: 0;
    position:absolute
}

.nohrd-blog-head {
	font-family: forma-djr-deck, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 2px;
	color: #1A1A1A;
	line-height:1.2em;
	font-size:30px;
	text-transform: uppercase;
}
	
@media (max-width: 1200px) {
	.nohrd-blog-head {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 400;
		font-style: normal;
		letter-spacing: 2px;
		color: #1A1A1A;
		line-height:1.2em;
		font-size:18px;
		text-transform: uppercase;
		position: relative;
		top:15px;
	}
}

.nohrd-post-image.has-image img {
    margin-left: -20px;
}

.nohrd-post-content {
    margin-bottom: 1.3em;
    font-size: 25px;
}

.nohrd-post-short-description p {
	padding-top: 30px;
}

/* BLOG */

.blog-list .post-item-info .post-image.has-image {
    position: relative !important;
}

.blog-list .post-item-info .post-image.has-image .post-info {
    position: relative !important;
    left: 0px !important;
    right: 30px;
	border-left: 1px solid #333;
	bottom: 0px !important;
	height: 100px;
	margin-bottom: 20px;
}

.blog-list .post-item-info .post-info {
    text-align: left !important;
    padding: 10px !important;
    background: #eee !important;
    color: #878787;
    font-size: 12px;
    line-height: 21px;
	margin-left:150px !important;
}

.blog-list .post-item-info {
    margin-bottom: 60px !important;
}

.blog-list .post-item-info .post-info h2 {
    letter-spacing: 0px !important;
    text-transform: none !important;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.blog-list .post-item-info .published-by .text-capitalize {
	color: #333 !important;
  }
 
.blog-list .post-item-info .post-content .post-short-description {
    margin-bottom: 1.3em;
    font-size: 15px;
}



.tag-cloud a {
    border: 1px solid #222;
    border-radius: 0px !important;
    color: #222;
    display: inline-block;
    font-size: 13px;
    margin: 0 8px 8px 0;
    padding: 2px 15px 1px;
}

.tag-cloud a:hover {
  	color: #fff !important;
  	background-color: var(--main-color) !important;
	border-color: var(--boder-color) !important;	
}

.post-content {
	font-size: 18px;
	line-height: 30px;
}


/* Logo devider */

.or-divider{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 8px;
	margin: 40px 0px 40px 0px;
  }
  .or-divider::before{
	content: '';
	height: .125em;
	background: black;
	flex: 1;
	margin: 0 .25em 0 0;
  }
  .or-divider::after{
	content: '';
	height: .125em;
	background: black;
	flex: 1;
	margin: 0 0 0 .25em;
  }

  .or-divider-white{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 8px;
	color:white;
	margin: 40px 0px 40px 0px;
  }
  .or-divider-white::before{
	content: '';
	height: .125em;
	background: white;
	flex: 1;
	margin: 0 .25em 0 0;
  }
  .or-divider-white::after{
	content: '';
	height: .125em;
	background: white;
	flex: 1;
	margin: 0 0 0 .25em;
  }

  .modal-gutschein {
	background-color: white;
	height: 80vh;
	overflow-y: auto;
  }

  .products-grid .product-item-info .product-top a.photo::after {
    background-color: rgba(0, 0, 0, 0.1) !important;
    transition-property: all .5s;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.fine-head {
	font-size: 34px;
	font-weight: 200;
	color: #222;
	line-height: 1.5;
	letter-spacing: 0.5px;
}

@media (max-width: 720px) {
	.fine-head {
		font-size: 12px;
		font-weight: 200;
		color: #222;
		line-height: 1.5;
		letter-spacing: 0.5px;
	}
  }

.nohrd-date-col {
	box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
  }

.nohrd-date {
	font-size: 24px;
    font-family: din-2014, sans-serif;
    font-weight: 400;
	color: black;
  }

.history-head {
    font-family: din-2014, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    color: black !important;
    font-size:24px !important;
    line-height: 1.6em !important;
	padding-left: 20px;
}
@media (max-width: 1200px) {
.history-head {
    font-family: din-2014, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    color: black !important;
    font: size 20px !important;
    line-height: 1.4em !important;
}
}

.event-text {
	padding-left: 20px;
}