/* ==========================================================*/
/* 1. Variables ........................................ 100 */
/* 2. Global Color Styling & Buttons ................... 100 */
/* 3. Header ........................................... 100 */
/* 4. Navigation ....................................... 100 */
/* 5. Footer ........................................... 100 */
/* ==========================================================*/
/*                            ---                            */
/*                         Start CSS                         */
/*                            ---                            */
/* ==========================================================*/
/* 1. Variables                                              */
/* ==========================================================*/

/* 1.1 Colors */
:root {
	--primary: #c90c0f;
	--secondary: #89b40f;
	--accent: #eeeeee;
	--dark: #3c3c3c;
	--white: #FFF;
}

/* Fonts */

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.bold { font-weight: bold !important }

/* ==========================================================*/
/* 2. Global                                                 */
/* ==========================================================*/

/* 2.1.1 Body */

body {
	background: #FFF;

    /* FontAwesome SVG Icons nehmen reguläre (Text-)Farbe an) */
    fill: currentColor;

	font-family: 'Open Sans', sans-serif
}

.sidebar-categories, .widget-navigation-tree {
	font-family: 'Open Sans', sans-serif
}

h3, .h3 {
			 line-height: 1.3;
}

.h3-link {
	font-size: 16px;
    line-height: 1.4em;
    font-weight: 400;
    margin: 10px 0 10px 0;
    text-decoration: none !important;
}

#vue-app {
	margin-top: 160px !important;
  background: #f8f9fa;
}

#vue-app.checkout {
	margin-top: 138px !important;
  background: #f8f9fa;
}


.container-max, .footer>.container-max {
	max-width: 1200px !important
}

.btn {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.btn-light {
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2);
    color: #444;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.btn-light:hover, .btn-light:focus, .btn-light:active {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.cmp:hover .btn-light {
    background-color: #6aab08;
    text-shadow: none;
    color: #FFF;
}

/* 2.2.1 Primary */
/*background-color */
.ex, .feedback-container .feedback-bars .feedback-bar-wrap .feedback-bar .feedback-bar-fill {
    background-color: var(--primary) !important
}
.cart .badge, .option-container > div:hover .label {
    color: var(--primary) !important
}
/* 2.2.2 Secondary */
/*background-color */
.ex {
	background-color: var(--secondary) !important
}
.ex {
	color: var(--secondary) !important
}
/* 2.2.3 Accent */
/*background-color */
.top-bar {
	background-color: var(--accent)
}
/* text color */
.ex {
	color: var(--accent)
}
/* 2.2.4 White */
/* background */
.navbar, .main-navbar-collapsable .mainmenu .ddown:hover, .main-navbar-collapsable .mainmenu .ddown:hover > a:before {
	background-color: var(--white) !important;
}
/* text color */
.bg-gradient1 > span, .bg-gradient2 > span {
	color: var(--white) !important
}
/* 2.2.5 Dark */
/* text color */
.colored-menu > div > .mainmenu > li > a, .main-navbar-collapsable .mainmenu .ddown a {
	color: var(--dark) !important
}

a.link {
  color: #c90c0f;
  text-decoration: underline;
}


span.link {
  color: #c90c0f;
  text-decoration: underline;
  cursor: pointer;
}


/* Buttons */

/* Mixins */
/* bg shortcodes */
.bg-gradient1 > span  {
  background: #b30b0e;
  background: -webkit-gradient(linear, left top, left bottom, from(#c90c0f), color-stop(80%, #b30b0e), to(#c90c0f));
  background: linear-gradient(180deg, #c90c0f 0%, #b30b0e 80%, #c90c0f 100%)
}

.bg-gradient2 > span {
  background: #2d2d2b;
  background: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), color-stop(80%, #2d2d2b), to(#3c3c3c));
  background: linear-gradient(180deg, #3c3c3c 0%, #2d2d2b 80%, #3c3c3c 100%)
}


/* fancy Button */
.fancy-button {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  line-height: 24px;
  position: relative
}
.fancy-button.bg-gradient1 {
  text-shadow: 0px 0px 1px #BF4C28
}
.fancy-button.bg-gradient2 {
  text-shadow: 0px 0px 1px #227270
}
.fancy-button:before {
  content: '';
  display: inline-block;
  height: 10px;
  position: absolute;
  bottom: 0px;
  left: 10px;
  right: 10px;
  z-index: 0;
  border-radius: 2em;
  -webkit-filter: blur(14px) brightness(0.9);
  filter: blur(14px) brightness(0.9);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out
}
.fancy-button > span {
  display: inline-block;
  padding: 5px 15.875px;
  border-radius: .285em;
  position: relative;
  z-index: 2;
  font-size: 14px;
  will-change: transform, filter;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out
}
.fancy-button:focus {
  color: #ffffff
}
.fancy-button:hover {
  color: #ffffff
}
.fancy-button:hover > span {
  -webkit-filter: brightness(0.9) contrast(1.2);
          filter: brightness(0.9) contrast(1.2);
  -webkit-transform: scale(0.96);
          transform: scale(0.96)
}
.fancy-button:hover:before {
  bottom: 3px;
  -webkit-filter: blur(6px) brightness(0.8);
          filter: blur(6px) brightness(0.8)
}
.fancy-button:active > span {
  -webkit-filter: brightness(0.75) contrast(1.7);
          filter: brightness(0.75) contrast(1.7)
}
.fancy-button.pop-onhover span {
  border-radius: 4px
}
.fancy-button.pop-onhover:before {
  opacity: 0;
  bottom: 10px
}
.fancy-button.pop-onhover:hover:before {
  bottom: -7px;
  opacity: 1;
  -webkit-filter: blur(16px);
          filter: blur(16px)
}
.fancy-button.pop-onhover:hover span {
  -webkit-transform: scale(1);
          transform: scale(1)
}
.fancy-button.pop-onhover:hover:active span {
  -webkit-filter: brightness(1) contrast(1);
          filter: brightness(1) contrast(1);
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}
.fancy-button.pop-onhover:hover:active:before {
  bottom: 0;
  -webkit-filter: blur(5px) brightness(0.85);
          filter: blur(5px) brightness(0.85);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}

.actions .cart > span {
	padding: 5px 15px
}
.actions .cart svg {
	position: relative;
    top: -.1em;
    width: 20px;
    height: 20px;
    margin-right: .125em
}
.actions .cart .badge {
    position: absolute;
    top: 4px;
    right: -3px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px -2px 5px -3px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 992px) {
    .actions > a {
    	position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media (min-width: 578px) and (max-width: 991px) {
	#page-header .actions {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
	}
}
@media (max-width: 577px) {
	#page-header .actions {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: unset;
        right: 0px;
	}
}


/* ==========================================================*/
/* 3. Header                                                 */
/* ==========================================================*/

/* Breadcrumb */


.breadcrumbs a {
    color: #8f8f8f;
}

.breadcrumbs {
    font-size: 80%;
    line-height: 10px;
    color: #8f8f8f;
		background: none !important;
}

/* Search */

.search-outer {
	flex: 1
}
.search-outer > .container-max > .position-relative {
	width: 100%
}
.search-outer .search-input,.search-outer .search-submit {
	height: 34px
}
.search-outer .search-input {
	background: var(--accent);
	border-radius: .285em 0 0 .285em;
	font-size: 13px
}
.search-outer .search-submit {
	color: var(--primary);
	border-radius: 0 .285em .285em 0
}

@media (min-width: 992px) and (max-width: 1400px) {
	#page-header .navbar {
		padding: 0 15px !important
	}
	#page-header .navbar .search-outer + .d-flex > .d-flex > img+ div {
		display: none;
	}
}
@media (min-width: 992px) {
    .search-outer > .container-max {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media (max-width: 991px) {
	#page-header .navbar {
		padding: 0 0px !important
	}
	#page-header .navbar .search-outer + .d-flex, #page-header .navbar .search-outer + .d-flex > .d-flex > img+ div {
		display: none !important;
	}
	#page-header .navbar .navbar-toggler {
		position: absolute;
		left:0px;
	}
	#page-header .search-outer {
        position: absolute;
        background: rgba(255, 255, 255, 0.95);
        border-bottom: 1px solid #EEE;
        width: calc(100% + 30px);
        top: 71px;
        left: -15px;
	}
	#page-header .actions .cart svg {
		margin-right: 0;
	}
}

@media(min-width: 578px) and (max-width: 991px) {
    #page-header .navbar-brand {
    	position: relative;
    	margin: 15px 0 !important;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media(max-width: 400px) {
    #page-header .navbar-brand img {
    	max-height: 2rem;
			left: 65px;
    }
    .actions .cart > span, .fancy-button > span {
        display: inline-block;
        padding: 5px 10px;
    }
    #page-header .actions {
        right: 0px;
    }
    #page-header .search-outer {
        top: 62px !important;
    }
}
@media(min-width: 401px) and (max-width: 576px) {
    #page-header .navbar-brand img {
    	max-height: 2rem;
			left: 90px;
    }
}
/* ==========================================================*/
/* 4. Navigation                                             */
/* ==========================================================*/

/* Basic */

.colored-menu {
    background: rgba(255, 255, 255, 0.95);
    border-top: 3px solid var(--primary);
    border-bottom: 1px solid #EEE
}

.mobile-navigation .breadcrumb {
	background: #212529 !important
}

/* Glass
.colored-menu {
    background: rgba(237, 255, 255, 0.5);
    border-top: 3px solid var(--primary);
    border-bottom: 1px solid rgba(0, 237, 255, 0.12);
    box-shadow: 0px 0px 0px 1px rgba(56, 142, 134, 0.25), 0px 2px 0px 1px rgba(56, 142, 134, 0.125), 0px 25px 5px -15px rgba(56, 142, 134, 0.05);
}
*/

.colored-menu > div > .mainmenu {
	margin-left: -1em;
    margin-right: -1em;
    font-size: 14px
}
.navbar-brand {
    margin: 15px 0
}
.navbar-brand img {
    position: relative;
    top: 50%;
    max-height: 2.685rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.main-navbar-collapsable .mainmenu {
    justify-content: space-between
}
.main-navbar-collapsable .mainmenu>li>a {
    padding: .85rem 1rem;
    font-size: 16px;
    font-weight: 600
}
.main-navbar-collapsable .ddown>a::after {
	content: '\f107'
}

.main-navbar-collapsable li.parent:hover {
	background:#ffffff;
}

.main-navbar-collapsable .mainmenu>li.parent:hover>a {
	color: var(--primary) !important;
	background: #ffffff;
}
.main-navbar-collapsable .mainmenu .ddown:hover {
	position: relative;
    box-shadow: inset 0px 0px 0px 1px #EEE
}
.main-navbar-collapsable .mainmenu .ddown:hover li {
	padding: .125em 0
}
.main-navbar-collapsable .mainmenu .ddown:hover > a {
	position: relative;
	color: var(--primary) !important;
}
.main-navbar-collapsable .mainmenu .ddown:hover > ul > li {
	padding-left: 0;
	background-image: url('/templates/badspiegel-org/img/arrows/chevron-right.svg');
	background-position: -20px center;
	background-size: 20px;
	background-repeat: no-repeat;
	transition: padding 300ms, background-position 300ms, color 300ms;
}
.main-navbar-collapsable .mainmenu .ddown:hover > ul > li:hover {
	padding-left: 20px;
	background-position: 0 center;
}
.main-navbar-collapsable .mainmenu .ddown:hover > ul > li:hover a{
	color: #c90c0f !important;
}
.main-navbar-collapsable .mainmenu .ddown:hover > a:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 2px);
    height: 10px;
    left: 1px;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 1
}
.main-navbar-collapsable .mainmenu>li:hover>ul {
	display: block;
    position: absolute;
    min-width: 20em;
    background: #FFF;
    border: 1px solid #EEE;
    padding: 1em
}
.main-navbar-collapsable .mainmenu > .ddown:last-of-type>ul {
	right: 0
}

.basket-preview-content .item-list {
	max-height: 29em;
	overflow-x: hidden;
	overflow-y: auto;
}

.basket-list-item .qty-box .qty-input {
	width: 25px;
}

.basket-list-item .price-box {
	min-width: 5em;
}

.basket-list-item .image-container {
	width: 100px;
	margin-right: 15px;
}

.basket-list-item .image-container img {
	border-radius: .25em;
	box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.25);
}


/* ==========================================================*/
/* 5. Footer                                                 */
/* ==========================================================*/

/* Basic */

.footer>.container-max {
	max-width: 1200px
}
.footer {
	background-color: #e9eaeb;
	border-top: 5px solid #ffffff;
    margin-top: 5em;
}

.footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 13px
}

.footer .title b {
	display: block;
	margin-bottom: .95em
}

.footer ul > li {
    font-size: 13px;
    padding: 0.15em 0;
}

.footer .cutting-edge {
	margin-top: -8.35em
}

.footer .newsletter {
    background: var(--white) url('/templates/badspiegel-org/img/background/bg_bs.png');
    background-position: calc(100% + 25px) center;
    background-size: 305px;
    background-repeat: no-repeat;
    border: 0;
    border-radius: .5em;
    color: #333;
    box-shadow: 0px 20px 15px -10px rgba(0, 0, 0, 0.1)
}

.footer .newsletter .card-title {
	font-weight: bold
}

.footer .newsletter .card-text {
	font-size: 12px
}

.footer .newsletter .widget-primary .text-appearance {
	color: #333 !important;
	text-decoration: underline
}

.footer .newsletter .input-unit input[type] {
	padding: 1rem 1rem .2rem;
    font-size: 13px !important
}

.footer .social {
	margin-top: .75em
}
.footer .social svg {
	height: 28px;
	width: 28px
}
.footer .social a {
	transform: scale(1);
	transition: transform 300ms
}
.footer .social a:hover  {
	transform: scale(1.125)
}
.footer .social a:active  {
	transform: scale(1.025)
}
.footer .social a + a {
	margin-left: .5em
}

.footer .social span {
    margin-right: 10px;
}

.footer .footer-card {
    background: #e9eaeb;
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(233 234 235) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(233 234 235) 100%);
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(233 234 235) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eeeeee",GradientType=1);
    border: 0;
    border-radius: .5em;
    color: #333;
    box-shadow: 0px 20px 15px -10px rgba(0, 0, 0, 0.1)
}

.footer .link-list {
	line-height: 1.695em
}

.footer .link-list span:hover {
    text-decoration: underline;
}

.footer .link-list a:hover {
    text-decoration: underline;
}
.footer .promo .card {
	background: #FFF;
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 8em;
    border: 0;
    border-radius: .5em;
    box-shadow: 0px 20px 15px -10px rgba(0, 0, 0, 0.1);
    color: #333;
    transform: translateY(0);
    transition: transform 300ms
}

.footer .promo .card * {
	text-decoration: none;
}

.footer .promo .card:hover {
	transform: translateY(-10px);
}
.footer .promo .card img {
	position: absolute;
    width: 280px;
    right: 0;
    bottom: 0;
    border-radius: .5em;
    z-index: 0
}

.footer .promo .card span {
	position: relative;
	z-index: 1
}

.footer .promo .card span.h4 {
	position: relative;
    display: inline-block;
    padding: .5em;
    background: #c90c0f;
    border-radius: .25em;
    margin-bottom: .5em;
    font-size: 14px;
    font-weight: bold;
    z-index: 1;
    color: #FFF
}

.footer .contact-footer .owl-nav {
	position: absolute;
    width: 100%;
    top: -30px;
    left: 0;
    z-index: 10;
}

.footer .contact-footer .owl-nav > div {
    background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    height: 1.5em;
    width: 1.5em;
	padding: 0;
    margin: 0;
    font-size: initial;
    cursor: pointer;
    background-color: transparent;
}

.footer .contact-footer .owl-dots {
    position: absolute;
    right: 0px;
    top: -31px;
    bottom: unset;
}

.footer .contact-footer .owl-dots .owl-dot.active span {
	background: var(--primary);
}

.footer .contact-footer .owl-nav > .owl-prev {
	margin-left: 1em;
    background-image: url('/templates/badspiegel-org/img/arrows/arrow-left.svg');
    background-color: transparent !important;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: .25;
}

.footer .contact-footer .owl-nav > .owl-prev:hover,.footer .contact-footer .owl-nav > .owl-prev:active, .footer .contact-footer .owl-nav > .owl-prev:focus {
	margin-left: 1em;
    background-image: url('/templates/badspiegel-org/img/arrows/arrow-left.svg') !important;
    opacity: .5;
}

.footer .contact-footer .owl-nav > .owl-next {
	margin-right: 1em;
    background-image: url('/templates/badspiegel-org/img/arrows/arrow-right.svg');
    background-color: transparent !important;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: .25;
}

.footer .contact-footer .owl-nav > .owl-next:hover, .footer .contact-footer .owl-nav > .owl-next:active, .footer .contact-footer .owl-nav > .owl-next:focus {
	margin-right: 1em;
    background-image: url('/templates/badspiegel-org/img/arrows/arrow-right.svg') !important;
    background-color: transparent !important;
    opacity: .5;
}

@media (min-width: 992px) {
    .footer {
        padding: 3.5em 0 1em 0;
    }
}

@media (max-width: 991px) {
    .footer {
        padding: 1.5em 0;
    }
}
@media (max-width: 767px) {
	.footer .promo .card img {
		height: 100% !important;
        width: auto !important;
	}
}
@media (max-width: 577px) {
	.footer .newsletter {
		background-position: calc(100% + 150px) center;
	}
}

@media (max-width: 575px) {
	.footer a, .footer .z {
    color: #212529;
    display: block;
    font-size: 14px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    width: 100%;
	}
	.footer .title b {
		font-size: 16px;
	}
}

/* ==========================================================*/
/* 6. Category                                               */
/* ==========================================================*/

/* Basic */

.list-controls-inner { border-radius: .5em; }
.list-controls-inner .custom-select { border-radius: 0.1rem; }

.parallax-img-container .parallax-img-container-inner { background-size: 100% !important; background-attachment: unset !important; border-radius: .5em }
.parallax-img-container .parallax-img-container-inner .parallax-text-container { max-width: 520px !important; position: absolute !important; top: 50%; left: calc(50% + 75px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.parallax-img-container .parallax-img-container-inner[style^="background-image"] .parallax-text-container h1 {
	letter-spacing: inherit !important
}
.parallax-img-container .parallax-img-container-inner .parallax-text-container .h5 { font-size: 200% !important; text-shadow: none !important; bottom: 0; width: 100%; margin-bottom: .5rem; color: #475258 !important }
.parallax-img-container .parallax-img-container-inner .parallax-text-container .category-description p { font-size: 13px; color: #475258; text-shadow: none !important; text-align: justify; line-height: 1.6; letter-spacing: -.0125em !important }

.filter-outer .filter-wrapper #filterCollapse .container-max, .filter-outer .selected-filters { padding-left: 20px; padding-right: 20px }
.filter-outer { background: #f8f8f8; border: 1px solid #dbdbdb; border-top: 0 }
.filter-outer .filter-title { position: relative; background-color: #fff; font-size: 17px; color: #000; border-radius: 0; padding: 16px 20px; height: 55px; border-bottom: 1px solid #dbdbdb; border-top: 0 !important; margin-bottom: 0; text-transform: none }
.filter-outer .card { background: none; border: none }
.filter-outer .card .h3 { margin-bottom: 10px; font-size: 13px; font-weight: 600 }
.filter-outer .filter-options { overflow-y: auto; max-height: 135px; margin-bottom: .75rem; background: #FFF; border: 1px solid #dbdbdb }
.filter-outer .filter-options .form-check-input { position: absolute; top: calc(50% - .125em); left: 2em; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.filter-outer .filter-options .form-check-label { margin-bottom: 0; padding-left: 2.5em; font-size: 13px; cursor: pointer }
.filter-outer .form-check-input:checked+label, .widget-filter-base .form-check-input:checked+label {
	padding-left: 2.5em;
}


.filter-outer .tag-outer {  margin-left: -.25rem !important; margin-right: -.25rem !important; }

.cmp-product-thumb {
	border-radius: .5em;
    box-shadow: 0px 20px 15px -10px rgba(0, 0, 0, 0.1), 0px 10px 15px -5px rgba(0, 0, 0, 0.1);
	padding: 10px !important;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
}

.cmp-product-thumb:hover .img-fluid {
    -webkit-transform: scale(1.00);
    transform: scale(1.00);
}

.card {
    border-radius: 0.5em;
    box-shadow: 0px 20px 15px -10px rgb(0 0 0 / 10%), 0px 10px 15px -5px rgb(0 0 0 / 10%);
    padding: 10px !important;
}


.card-footer {
	    padding-top: 0.5rem;
	background: none !important;
}

.product-list .card-title {
    height: 2.8rem;
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 1em 0;
		overflow: hidden;
}


.card-title {

    margin-bottom: 0.5rem;
}

.category-thumbnails {
	margin-bottom: 0;
}

.category-thumbnails > .widget-inner {
	margin-bottom: 30px;
}

.category-thumbnails .category_box {
	background-position: center left;
    background-size: cover;
    background-repeat: no-repeat
}

.category-thumbnails .category_box {
	background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: .5em;
}

.category-thumbnails .category_box .widget-caption {
	position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    bottom: 15px !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    padding: 1rem !important;
    max-height: 100% !important;
    width: auto !important;
    border-radius: 3px;
    text-align: center
}

.category-thumbnails .category_box:hover .widget-caption {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.category-thumbnails .category_box .widget-caption .h3 {
	margin: 0;
    font-size: 16px
}

.span-link {
    color: #c90c0f;
    font-weight: 400;
}

.span-link-sm {
    font-size: 80%;
    color: #c90c0f;
    font-weight: 400;
}

.itemLabel {min-height:35px;}
#free-shipping span{font-size: 0.9em;font-weight:700;}

.cmp-paginator {
			position: relative;
			right: 50%;
			-webkit-transform: translateX(50%);
			transform: translateX(50%);
			border-top: 3px solid #c1171a;
			background: #eeeff0;
			padding: 12px 0 2px 0;
			margin-bottom: 20px;
}
.cmp-paginator .pagination { padding: 0; justify-content: center !important; }
.cmp-paginator .pagination .page-link { margin-left: 0; padding: .385em .752em; border-color: transparent; font-size: 1.25em; }
.cmp-paginator .pagination .page-item + .page-item { margin-left: .5em; }
.cmp-paginator .pagination .page-item > a { border-radius: .25em !important; }
.cmp-paginator .pagination .page-item.active .page-link { color: #FFF; }
.cmp-paginator .pagination .disabled { visibility: hidden; }

.cmp .eek-cat {
    top: -.125em !important;
    height: 21px !important;
    margin-top: 0 !important;
    font-size: 15px !important;
    line-height: 17px !important
}

.cmp .eek-cat:after {
	border-width: 10.5px !important
}

.sidebar-categories {
	background: #f8f8f8;
}

.sidebar-categories .category-title, .filter-wrapper .category-title {
    background: rgb(239, 239, 239);
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: bold;
}

.sidebar-categories .category-title + ul {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #dbdbdb;
}
.sidebar-categories .nav-item a {
	padding: .5rem 1.75rem !important;
	transition: background 300ms;
}
.sidebar-categories .nav-item a:hover {
	background: #efefef !important
}

@media (min-width: 768px) {
.parallax-img-container .parallax-img-container-inner[style^='background-image'] {
    height: 260px;
}
.parallax-img-container .breadcrumb {
    padding: 0 !important;
}
}

@media (max-width: 1199px) {
	.parallax-img-container .parallax-img-container-inner[style^="background-image"] {
		height: 200px;
	    background-size: cover !important;
        background-attachment: unset !important;
        background-position: 40% top;
	}
	.parallax-img-container .parallax-img-container-inner[style^="background-image"] .parallax-text-container {
        width: calc(100% - 30px);
        top: 50%;
        left: 50%;
        bottom: unset !important;
        padding: 1em;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50% , -50%);
        text-align: center;
	}
    .parallax-img-container .parallax-img-container-inner .parallax-text-container .h5 {
        font-size: 185% !important;
    }
    .parallax-img-container .parallax-img-container-inner .parallax-text-container .category-description p {
    	text-align: center;
    }
}

@media (max-width: 991px) {
    .parallax-img-container .parallax-img-container-inner .parallax-text-container .h5 {
        font-size: 150% !important;
    }
    .parallax-img-container .parallax-img-container-inner .parallax-text-container .category-description p {
    	text-align: center;
    }
    .category-thumbnails .category_box .widget-caption .h3 {
    	font-size: 13px !important;
    }
}


/* ==========================================================*/
/* 7. Single Item                                            */
/* ==========================================================*/

.single .title, .page-singleitem .title {
	font-weight: bold
}

.single .nav-tabs .nav-link.active, .single .nav-tabs .nav-link:hover, .page-singleitem .nav-tabs .nav-link.active, .page-singleitem .nav-tabs .nav-link:hover {
	background: #FFF;
}

.single .tab-content h2,
.single .tab-content h3 {
	margin-top: 30px;
}

.order-property-slider input::placeholder {
	color: #000 !important;
}

@media (max-width: 991.98px) and (min-width: 768px) {
    .single .price {
        float: none !important;
    }
}
@media (max-width: 767px) {
	.option-container-txt .input-unit, .option-container > div, .variation-select > div {
		padding: .5em .85em 0em .85em !important;
	}
    .option-container > div .label, .option-container-txt .input-unit label, .option-container-txt .input-unit .input-unit-label {
        position: absolute !important;
        top: 0 !important;
        left: unset !important;
        padding: 0 !important;
        transform: translateY(-50%) !important;
        font-size: 13px !important;
        color: #777 !important;
    }
    .order-property-slider .order-property-slider-inner>div {
        width: 100% !important;
        margin: 5px 0 0 0 !important;
    }
    .option-container-txt .input-unit, .option-container > div, .variation-select > div {
    	position: relative !important;
        height: 38px !important;
    }
    .order-property-slider, .price-card {
    	box-shadow: none !important;
    }
    .variation-select label {
        position: absolute !important;
        top: -1px !important;
        left: 11.8px !important;
        width: auto;
        padding: 0 !important;
        transform: translateY(-50%) !important;
        font-size: 11px !important;
        color: #777 !important;
    }
    .card-single .card-body {
    	padding: 0 !important;
    }
    .card-single .card-body .step-item {
    	margin-left: 0 !important;
    	margin-right: 0 !important;
    }
    .tabs-outer .nav-tabs .nav-link {
        padding: .5rem 0 !important;
        border-radius: .5em !important;
    }
    .tabs-outer .nav-tabs .nav-item {
    	text-align: left !important;
    }
    .tabs-outer .nav-tabs .nav-item > .active {
    	background: #EEE;
    	padding-left: .5em !important;
    	box-shadow: none !important;
    }
    .tabs-outer .nav-tabs .nav-item > .active:after {
    	display: none !important;
    }
    .tabs-outer .tab-content {
    	padding: 0 !important;
    	box-shadow: none !important;
    }
}

/* Icons */

.order-property-slider {
	overflow: visible !important;
}
.option-container-txt .input-unit {
	overflow: visible;
}
.option-container-txt .input-unit label, .option-container-txt .input-unit .input-unit-label {
    position: absolute;
    top: 0px;
    left: calc(-100% - 32px);
    height: 25px;
    width: 100%;
    padding: 0px 10px 0;
    margin-bottom: 0;
    overflow: visible;
    font-size: 1em;
    font-weight: 400;
    color: #212529;
    text-transform: none;
    text-overflow: ellipsis;
}
.option-container-txt .input-unit label span, .option-container-txt .input-unit .input-unit-label span {
    background: #FFF;
    line-height: 1;
    height: 15px;
    margin-top: 5px;
}
.option-container-txt .input-unit, .option-container > div, .variation-select > div {
    position: relative;
    overflow: visible;
    height: 25px;
    background: none !important;
    margin-bottom: .5em;
    padding: 0em 0em 0em .85em !important;
    border-radius: .25em;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: rgb(222 226 230);
    cursor: pointer;
    transition: border-color 300ms, box-shadow 300ms;
}
.option-container-txt .input-unit input[type], .option-container-txt .input-unit textarea, .option-container-txt .input-unit input:not([type="checkbox"]), .option-container-txt .input-unit input:not([type="radio"]), .option-container-txt .input-unit .input-unit-preview {
	padding: .25em 0 .2em !important;
	font-weight: bold;
	color: #212529;
}
.option-container > div:hover, .variation-select > div:hover  {
    border-color: rgb(154 154 154);
}
.option-container> div:after, .variation-select> div:after {
    content: '';
    position: absolute;
    top: 50%;
    right: .5em;
    display: block;
    height: 15px;
    width: 15px;
    /* background: url('/templates/badspiegel-org/img/chevron.svg'); to-do: Datei existiert nicht. */
    background-position: center center;
    background-size: 12px;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform 300ms;
}

.variation-select> div:after {z-index:-10}

.expanded-outer > div:after {
	/* background: url('/templates/badspiegel-org/img/chevron.svg'); to-do: Datei existiert nicht */
	background-position: center center;
	background-size: 15px;
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%) scale(-1);
	transform: translateY(-50%) scale(-1)
}
.option-container > div .label, .variation-select label  {
	position: absolute;
    top: 50%;
    left: calc(-100% - 32px);
    color: #212529;
    background: var(--white);
    padding: 0 0.25em 0 0.75em;
    pointer-events: none;
    font-weight: normal;
    font-size: 1em;
    text-transform: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: color 300ms;
}
.option-container > div > .option-outer {
    overflow: hidden;
	max-height: 0;
	visibility: hidden;
	opacity: 0;
    transform: translateY(-10px);
}
.option-container > div > .active-value {
	font-weight: bold;
}

@media (max-width:767px) {
	span.active-value {
    line-height: 40px;
	}
}


.option-container > div .label svg {
	transform: scale(1);
	transition: transform 300ms;
}
.option-container > div:hover .label svg {
	transform: scale(1.125);
}
.option-container > div > .expanded {
	display: block !important;
	/* ----------- */
	position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    top: calc(100% + 5px);
    left: 0px;
    display: none;
    background: rgb(255, 255, 255);
    width: calc(100% + 30px);
    max-height: 25em;
    border-radius: 0.25em;
    border-width: 1px 1px 3px;
    border-style: solid;
    border-color: rgba(238, 238, 238, 0.75);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 3px -1px;
    z-index: 400;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 100ms, transform 300ms;
}

.option-container > div > .option-outer .form-check {
   margin: 0;
   padding: .35em 1em;
   cursor: pointer;
}
.option-container > div > .option-outer .form-check:hover {
   background: #EEE;
}

.option-container > div > .option-outer .form-check:active {
    background: #d4d4d4;
}
.option-container input[name="496"] + label > strong,
.option-container input[name="497"] + label > strong,
.option-container input[name="510"] + label > strong,
.option-container input[name="511"] + label > strong,
.option-container input[name="537"] + label > strong,
.option-container input[name="619"] + label > strong,
.option-container input[name="620"] + label > strong,
.option-container input[name="621"] + label > strong,
.option-container input[name="622"] + label > strong,
.option-container input[name="639"] + label > strong,
.option-container input[name="641"] + label > strong,
.option-container input[name="642"] + label > strong,
.option-container input[name="665"] + label > strong,
.option-container input[name="666"] + label > strong,
.option-container input[name="667"] + label > strong,
.option-container input[name="668"] + label > strong,
.option-container input[name="701"] + label > strong,
.option-container input[name="702"] + label > strong,
.option-container input[name="703"] + label > strong,
.option-container input[name="704"] + label > strong,
.option-container input[name="777"] + label > strong,
.option-container input[name="778"] + label > strong,
.option-container input[name="779"] + label > strong,
.option-container input[name="786"] + label > strong,
.option-container input[name="787"] + label > strong,
.option-container input[name="788"] + label > strong,
.option-container input[name="789"] + label > strong {
	display: none;
}
.order-property-slider .form-check input:checked+label {
	font-weight: bold;
}
.order-property-slider, .price-card {
	padding-bottom: 1em;
    border-radius: .5em;

    box-shadow: 0px 20px 15px -10px rgba(0, 0, 0, 0.1), 0px 10px 15px -5px rgba(0, 0, 0, 0.1);
}
.single .input-unit .custom-select {
	padding: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: pointer;
	color: #212529;
	background: none !important;
}
.step-item {
	line-height: 1.25em;
    margin-bottom: 0.5em;
		margin-left: 0em;
    margin-right: 0em;
    padding: 1em 0;
    font-size: 1.25em;
    border-bottom: 1px solid #dee2e6;
    font-weight: bold;
}
.step-item > b {
    display: block;
    height: 1.5em;
    width: 1.5em;
    margin-right: 0.5em;
    background: var(--primary);
    text-align: center;
    border-radius: 50%;
    font-size: 80%;
    line-height: 1.5em;
    color: var(--white);
}

.option-container > div > .option-outer .form-check label {
   justify-content: space-between;
   -ms-user-select:none;
   -webkit-touch-callout:none;
   -webkit-user-select:none;
   -moz-user-select:none;
   user-select:none;
   cursor: pointer;
}

.option-container > div > .option-outer .form-check label strong {
	position: relative;
/*	background: #6c757d;*/
		background: #fff;
		font-size:0.8em;
    padding: .125em .5em;
    border-radius: .25em;
/*	color: #FFF;*/
    color: #212529;
    pointer-events: none;
    -ms-user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}


.option-container > div > .option-outer .form-check label strong:after {
	display:none;
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #6c757d;
	border-width: 5px;
	margin-top: -5px;
}

.order-property-slider .form-check input:checked+label strong,
.option-container > div > .option-outer .form-check:hover label strong {
   background: #EEE;
}

.order-property-slider .form-check input:checked+label strong:after,
.option-container > div > .option-outer .form-check:hover label strong:after {
/*	border-color: rgba(136, 183, 213, 0);
	border-right-color: var(--primary);	*/
}

.option-container > div > .option-outer .form-check input[type=radio] {
	display: none;
}
.order-property-slider .order-property-slider-inner {
    position: relative;
	white-space: normal !important;
    z-index: 1000;
}
.order-property-slider .form-check input:checked+label {
	color: #212529 !important;
}
.order-property-slider .order-property-slider-inner>div {
    width: 50%;
    margin: 0 0 0 50%;
    padding-right: 25px;
    padding-left: 0;
    float: left;
    visibility: visible !important;
}

.option-container div[data-id-outer="496"] label > strong,
.option-container div[data-id-outer="497"] label > strong,
.option-container div[data-id-outer="620"] label > strong,
.option-container div[data-id-outer="622"] label > strong,
.option-container div[data-id-outer="639"] label > strong,
.option-container div[data-id-outer="641"] label > strong,
.option-container div[data-id-outer="642"] label > strong,
.option-container div[data-id-outer="665"] label > strong,
.option-container div[data-id-outer="666"] label > strong,
.option-container div[data-id-outer="667"] label > strong,
.option-container div[data-id-outer="668"] label > strong,
.option-container div[data-id-outer="701"] label > strong,
.option-container div[data-id-outer="702"] label > strong,
.option-container div[data-id-outer="703"] label > strong,
.option-container div[data-id-outer="704"] label > strong,
.option-container div[data-id-outer="778"] label > strong,
.option-container div[data-id-outer="779"] label > strong  {
	display: none !important;
}

.active.option-container.disabled-option {
	pointer-events: none
}
.active.option-container.disabled-option > div {
	background: #EEEEEE !important;
}

.BasketItemOrderParams {
	position: relative;
	float: left;
    width: calc(100% - .5em - 25px);
    margin: .5em .5em 1em .5em;
    padding: .75em 0;
    background: #EEE;
    text-align: center;
    font-weight: bold;
}

.BasketItemOrderParams > img {
    position: absolute;
    width: 115px;
    right: 0;
    bottom: 0;
}

/* EEK */


.cmp .eek-outer { line-height: 1.25; }
.cmp .eek-outer .eek { position: relative; left: -14px; display: inline-flex; height: 26px; background: #008005; margin-right: 5px; padding: 2.5px 5px 2.5px 14px; color: #FFF; }
.cmp .eek-outer .eek span { font-weight: bold; }
.cmp .eek-outer .eek sup { top: 7px; color: #FFF; }
.cmp .eek-outer .eek:after { position: absolute; left: 100%; top: 0; border: solid transparent; content: " "; height: 0; width: 0; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #008005; border-width: 13px; }

.eek-cat, #eek { position: relative; display: inline-flex; height: 25px; margin-left: .85em; margin-right: 5px; margin-top: 2px; padding: 2.5px 10px 2.5px 10px; font-size: 18px; line-height: 1.125; color: #FFF; }
.eek-cat span, #eek span { font-weight: bold; }
.eek-cat sup, #eek sup { top: 7px; color: #FFF; }
.eek-cat:after , #eek:after { position: absolute; left: 100%; top: 0; border: solid transparent; content: " "; height: 0; width: 0; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-width: 12.5px; }


.eek-outer { position: relative; cursor: pointer; }

.eek-outer:hover .eek-outer-label { display: block; }

.eek-outer-label {
	display: none;
	padding: 10px;
	background: rgb(255, 255, 255);
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	border: 1px solid rgb(221, 221, 221);
	border-radius: 0.25em;
	z-index: 10000;
}

.eek-label { min-width: 225px; max-width: 225px; display: inline-block; padding: 10px; border: 3px solid #00adef; border-radius: .5em; box-shadow: 0px 0px 0px 3px rgba(0, 173, 239, 0.30); }

.eek-label hr { margin: 20px 0; border-width: 0 0 1px 0; border-style: solid; border-color: #00adef; }

.eek-label .eek-product {
    padding: .25em;
    border: 1px solid #00adef;
    border-radius: .25em;
}

.eek-label .el-1 {
  display: flex;
  width: 100%
}
.eek-label .el-1 > div {
  position: relative;
}
.eek-label .el-1 > div:nth-child(1) {
  overflow: hidden;
  position: relative;
  width: 90px;
  background: #41479b;
  border-radius: .25em 0 0 .25em
}
.eek-label .el-1 > div:nth-child(1) > svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.125);
}
.eek-label .el-1 > div:nth-child(2) {
  width: 100%;
  margin-left: 1px;
  padding: 10px;
  background: rgb(0,175,239);
  background: -moz-radial-gradient(circle, rgba(0,175,239,1) 0%, rgba(0,146,207,1) 100%);
  background: -webkit-radial-gradient(circle, rgba(0,175,239,1) 0%, rgba(0,146,207,1) 100%);
  background: radial-gradient(circle, rgba(0,175,239,1) 0%, rgba(0,146,207,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00afef",endColorstr="#0092cf",GradientType=1);
  border-radius: 0 .25em .25em 0;
  color: #FFF;
  font-weight: bold;
  font-size: 22px;
  text-transform: uppercase
}
.eek-label .el-1 > div:nth-child(2) > span {
  position: absolute;
  top: calc(50% - 1px);
  transform: translateY(-50%)
}
.eek-label .el-2 .eek-product {
  display: flex;
  margin: 20px 0;
}
.eek-label .el-2 .eek-product > div {
  position: relative;
}
.eek-label .el-2 .eek-product > div:nth-child(1) {
  height: 30px;
  width: 30px;
  background: #00adef;
  border-radius: .25em
}
.eek-label .el-2 .eek-product > div:nth-child(2) {
  width: 100%;
  padding-left: 10px;
  font-size: 11px

}

.eek-label .el-2 .eek-product > div:nth-child(2) > span {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

.eek-label .el-2 .eek-product > div > svg {
  height: 30px;
  width: 30px;
  transform: scale(.75)
}

.eek-label .el-2 .eek-product > div > svg * {
  fill: #FFF
}

.eek-label .eek-arrows {
    position: relative;
    margin-right: 9px;
}

.eek-label .eek-arrows > .active_eek {
    position: absolute;
    top: 0;
    right: -4.5px;
    height: 18px;
    background: #000;
    padding: 0 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    border-radius: 0 .25em .25em 0;
    color: #fff;
    transform: scale(1.25);
    transform-origin: center;
 }

 .eek-label .eek-arrows > .active_eek:after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    border: 9px solid transparent;
    border-right: 9px solid #000;
    box-shadow: 2px 0px 0px -1px #000;
 }

.eek-label .eek-arrows-12:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 35px;
    right: 0;
    background-color: red;
    border: 1px solid red;
    transform: rotate(20deg);
    z-index: 1;
 }

 .eek-label .eek-arrows-12:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 35px;
    right: 0;
    background-color: red;
    border: 1px solid red;
    transform: rotate(-20deg);
    z-index: 1;
 }

.eek-label .el-3 {
  margin-bottom: 20px;
  font-size: 11px;
}

.eek-label .el-4 {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    font-size: 12px
}

.eek-label .el-4 > div:nth-child(1) {
    font-weight: bold
}

.eek-label .el-4 + hr {
    margin-top: 10px
}

.eek-label .el-5 {
    position: relative;
    font-size: 11px;
    font-weight: bold;
    justify-content: space-between;
}

.eek-label .el-5 > div {
    position: absolute;
    right: 0;
    bottom: 0;
}

.eek-label .el-6 {
  margin-bottom: 20px;
  font-size: 11px;
}

.eek-label .el-6 .lightTypeSW {
  background: none !important;
}

.classAPlusPlus, .classAPlus, .classA, .classB, .classC, .classD, .classE {
  position: relative;
  display: block;
  height: 18px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 3px;
  line-height: 18px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  border-radius: .25em 0 0 .25em
}
.classAPlusPlus::after, .classAPlus::after, .classA::after, .classB::after, .classC::after, .classD::after, .classE::after {
  content: "";
  position: absolute;
  left: 100%;
  border: 9px solid transparent;
  border-left: 9px solid #fbb900;
}
.classAPlusPlus > sup, .classAPlus > sup, .classA > sup, .classB > sup, .classC > sup, .classD > sup, .classE > sup {
  position: relative;
  top: -2px;
}

.classAPlusPlus {
  width: calc(100% - (6 * 1em));
  background-color: #63aa5a;
  border-color: #63aa5a;
}
.classAPlusPlus::after {
  border-left-color: #63aa5a;
}

.classAPlus {
  width: calc(100% - (5* 1em));
  background-color: #7bae4a;
  border-color: #7bae4a;
}
.classAPlus::after {
  border-left-color: #7bae4a;
}

.classA {
  width: calc(100% - (4* 1em));
  background-color: #bdd342;
  border-color: #bdd342;
}
.classA::after {
  border-left-color: #bdd342;
}

.classB {
  width: calc(100% - (3* 1em));
  background-color: #ffe731;
  border-color: #ffe731;
}
.classB::after {
  border-left-color: #ffe731;
}

.classC {
  width: calc(100% - (2* 1em));
  background-color: #fbb900;
  border-color: #fbb900;
}
.classC::after {
  border-left-color: #fbb900;
}

.classD {
  width: calc(100% - (1* 1em));
  background-color: #fb8800;
  border-color: #fb8800;
}
.classD::after {
  border-left-color: #fb8800;
}

.classE {
  width: calc(100% - (0* 1em));
  background-color: #e30613;
  border-color: #e30613;
}
.classE::after {
  border-left-color: #e30613;
}

.lightTypeSW { font-weight: bold; }

.cmp-product-thumb {
	overflow: hidden;
    border-radius: .5em;
}

.order-property-slider .order-property-slider-inner > div.option-container .info-option {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 18px;
    transform: translateY(-50%);
    cursor: pointer;
}

.order-property-slider .order-property-slider-inner > div.option-container .info-option:before {
    color: #67a015;
}

.order-property-slider .order-property-slider-inner>div:empty {
	display: none;
}

.include {
    position: absolute;
    top: 0;
    right: 0;
}
.include, .include:after {
    width: calc(100% - 10px);
    z-index: 1;
}
.include:before {
    content: '';
    display: block;
    position: absolute;
    background: #FFF;
    height: 7px;
    width: 7px;
    top: 50%;
    right: 7px;
    border-top: 2px solid #00adef;
    border-right: 2px solid #00adef;
    transform: translateY(-50%) rotate(45deg);
    z-index: 2;
}
.include:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    right: 10px;
    border-radius: 0 5px 5px 0;
    border-top: 1px dashed rgba(0, 173, 239, 0.3);
    border-bottom: 1px dashed rgba(0, 173, 239, 0.3);
    border-right: 2px solid #00adef;
    z-index: 1;
    box-shadow: 2px 0px 0px 0px #fff, inset -2px 0px 0px 0px #fff;
}
.include > div {
    position: absolute;
    top: 50%;
    right: -5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
}

.include > div > span {
    display: block;
    -webkit-transform: rotate(-90deg) translateX(50%);
    transform: rotate(-90deg) translateX(50%);
    transform-origin: right center;
    font-size: 10px;
    letter-spacing: 2px;
    color: #00adef;
    text-shadow: -2px 0px 0px #fff, 2px 0px 0px #fff, 0px -2px 0px #fff, 0px 2px 0px #fff;
    font-weight: bold;
}

.eekType_1 + .eek-outer-label .led-inc { display: block !important; }
.eekType_2 + .eek-outer-label .neon-inc { display: block !important; }
.eekType_3 + .eek-outer-label .halogen-inc { display: block !important; }

.eekRange_10 + .eek-outer-label .include, .eekRange_10 + .eek-outer-label .include:after { height: 18px }
.eekRange_11 + .eek-outer-label .include, .eekRange_11 + .eek-outer-label .include:after { height: 38px }
.eekRange_12 + .eek-outer-label .include, .eekRange_12 + .eek-outer-label .include:after { height: 58px }
.eekRange_13 + .eek-outer-label .include, .eekRange_13 + .eek-outer-label .include:after { height: 78px }
.eekRange_14 + .eek-outer-label .include, .eekRange_14 + .eek-outer-label .include:after { height: 98px }
.eekRange_15 + .eek-outer-label .include, .eekRange_15 + .eek-outer-label .include:after { height: 118px }
.eekRange_16 + .eek-outer-label .include, .eekRange_16 + .eek-outer-label .include:after { height: 138px }

.eekRange_20 + .eek-outer-label .include, .eekRange_20 + .eek-outer-label .include:after { height: 18px }
.eekRange_21 + .eek-outer-label .include, .eekRange_21 + .eek-outer-label .include:after { height: 38px }
.eekRange_22 + .eek-outer-label .include, .eekRange_22 + .eek-outer-label .include:after { height: 58px }
.eekRange_23 + .eek-outer-label .include, .eekRange_23 + .eek-outer-label .include:after { height: 78px }
.eekRange_24 + .eek-outer-label .include, .eekRange_24 + .eek-outer-label .include:after { height: 98px }
.eekRange_25 + .eek-outer-label .include, .eekRange_25 + .eek-outer-label .include:after { height: 118px }

.eekRange_30 + .eek-outer-label .include, .eekRange_30 + .eek-outer-label .include:after { height: 18px }
.eekRange_31 + .eek-outer-label .include, .eekRange_31 + .eek-outer-label .include:after { height: 38px }
.eekRange_32 + .eek-outer-label .include, .eekRange_32 + .eek-outer-label .include:after { height: 58px }
.eekRange_33 + .eek-outer-label .include, .eekRange_33 + .eek-outer-label .include:after { height: 78px }
.eekRange_34 + .eek-outer-label .include, .eekRange_34 + .eek-outer-label .include:after { height: 98px }

.eekRange_40 + .eek-outer-label .include, .eekRange_40 + .eek-outer-label .include:after { height: 138px }
.eekRange_41 + .eek-outer-label .include, .eekRange_41 + .eek-outer-label .include:after { height: 138px }
.eekRange_42 + .eek-outer-label .include, .eekRange_42 + .eek-outer-label .include:after { height: 138px }
.eekRange_43 + .eek-outer-label .include, .eekRange_43 + .eek-outer-label .include:after { height: 138px }

.eekRange_50 + .eek-outer-label .include, .eekRange_50 + .eek-outer-label .include:after { height: 18px }
.eekRange_51 + .eek-outer-label .include, .eekRange_51 + .eek-outer-label .include:after { height: 38px }
.eekRange_52 + .eek-outer-label .include, .eekRange_52 + .eek-outer-label .include:after { height: 58px }

.eekRange_60 + .eek-outer-label .include, .eekRange_60 + .eek-outer-label .include:after { height: 18px }
.eekRange_61 + .eek-outer-label .include, .eekRange_61 + .eek-outer-label .include:after { height: 38px }

.eekRange_70 + .eek-outer-label .include, .eekRange_70 + .eek-outer-label .include:after  { height: 138px }



.eekRange_20 + .eek-outer-label .include { top: 20px; }
.eekRange_21 + .eek-outer-label .include { top: 20px; }
.eekRange_22 + .eek-outer-label .include { top: 20px; }
.eekRange_23 + .eek-outer-label .include { top: 20px; }
.eekRange_24 + .eek-outer-label .include { top: 20px; }
.eekRange_25 + .eek-outer-label .include { top: 20px; }

.eekRange_30 + .eek-outer-label .include { top: 40px; }
.eekRange_31 + .eek-outer-label .include { top: 40px; }
.eekRange_32 + .eek-outer-label .include { top: 40px; }
.eekRange_33 + .eek-outer-label .include { top: 40px; }
.eekRange_34 + .eek-outer-label .include { top: 40px; }

.eekRange_40 + .eek-outer-label .include { top: 60px; }
.eekRange_41 + .eek-outer-label .include { top: 60px; }
.eekRange_42 + .eek-outer-label .include { top: 60px; }
.eekRange_43 + .eek-outer-label .include { top: 60px; }

.eekRange_50 + .eek-outer-label .include { top: 80px; }
.eekRange_51 + .eek-outer-label .include { top: 80px; }
.eekRange_52 + .eek-outer-label .include { top: 80px; }

.eekRange_60 + .eek-outer-label .include { top: 100px; }
.eekRange_61 + .eek-outer-label .include { top: 100px; }

.eekRange_70 + .eek-outer-label .include  { top: 120px; }

#menu-1 > li[id="885"],
#menu-1 > li[id="1064"],
#menu-1 > li[id="204"],
#menu-1 > li[id="214"],
#menu-1 > li[id="206"],
#menu-1 > li[id="217"],
#menu-1 > li[id="766"],
#menu-1 > li[id="767"],
#menu-1 > li[id="212"],
#menu-1 > li[id="213"],
#menu-1 > li[id="343"],
#menu-1 > li[id="248"],
#menu-1 > li[id="339"],
#menu-1 > li[id="215"],
#menu-1 > li[id="207"],
#menu-1 > li[id="203"],
#menu-1 > li[id="341"],
#menu-1 > li[id="489"],
#menu-1 > li[id="340"],
#menu-1 > li[id="630"],
#menu-1 > li[id="224"] {
	display: none;
}

.category-thumbnails {
	margin-bottom: 0;
}

.category-thumbnails > .widget-inner {
	margin-bottom: 30px;
}

.category-thumbnails .category_box {
	background-position: center left;
    background-size: cover;
    background-repeat: no-repeat
}

.category-thumbnails .category_box {
	background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: .5em;
}

.category-thumbnails .category_box .widget-caption {
	position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    bottom: 15px !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    padding: 1rem !important;
    max-height: 100% !important;
    width: auto !important;
    border-radius: 3px;
    text-align: center
}

.category-thumbnails .category_box:hover .widget-caption {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.category-thumbnails .category_box .widget-caption .h3 {
	margin: 0;
    font-size: 16px
}
.parallax-img-container {
    border-radius: 0.5em;
}


.parallax-text-container .category-description {
    color: #6c757d;
    font-size: 1rem !important;
}

.parallax-img-container .parallax-img-container-inner[style^="background-image"] .parallax-text-container .category-description {
	font-size: 1em !important;
	text-shadow: none !important;
	letter-spacing: unset !important;
	line-height: normal !important;
    color: inherit !important;
}

/* EEK */

.eek_0 {
	display: none;
}
.eek_1 {
	background: #63aa5a;
}
.eek_1:after {
	border-left-color: #63aa5a !important;
}
.eek_2 {
	background: #7bae4a;
}
.eek_2:after {
	border-left-color: #7bae4a !important;
}
.eek_3 {
	background: #bdd342;
}
.eek_3:after {
	border-left-color: #bdd342 !important;
}
.eek_4 {
	background: #ffe731;
}
.eek_4:after {
	border-left-color: #ffe731 !important;
}
.eek_5 {
	background: #fbb900;
}
.eek_5:after {
	border-left-color: #fbb900 !important;
}
.eek_6 {
	background: #fb8800;
}
.eek_6:after {
	border-left-color: #fb8800 !important;
}
.eek_7 {
	background: #e30613;
}
.eek_7:after {
	border-left-color: #fb8800 !important;
}


.eek-label .eek-arrows-10:before, .eek-label .eek-arrows-10:after, .eek-label .eek-arrows-11:before, .eek-label .eek-arrows-11:after, .eek-label .eek-arrows-12:before, .eek-label .eek-arrows-12:after, .eek-label .eek-arrows-13:before, .eek-label .eek-arrows-13:after, .eek-label .eek-arrows-14:before, .eek-label .eek-arrows-14:after, .eek-label .eek-arrows-15:before, .eek-label .eek-arrows-15:after, .eek-label .eek-arrows-52:before, .eek-label .eek-arrows-52:after {
	content: "";
    position: absolute;
    width: 100%;
    right: 0;
    background-color: red;
    border: 1px solid red;
    z-index: 1;
}


.eek-label .eek-arrows-10:after {
    bottom: 58px;
    transform: rotate(-37deg);
}
.eek-label .eek-arrows-10:before {
    bottom: 58px;
    transform: rotate(-37deg);
}

.eek-label .eek-arrows-11:after {
    bottom: 47px;
    transform: rotate(29deg);
}
.eek-label .eek-arrows-11:before {
    bottom: 47px;
    transform: rotate(-29deg);
}

.eek-label .eek-arrows-12:after {
    bottom: 35px;
    transform: rotate(21deg);
}

.eek-label .eek-arrows-12:before {
    bottom: 35px;
    transform: rotate(-21deg);
}

.eek-label .eek-arrows-13:after {
    bottom: 27px;
    transform: rotate(16deg);
}

.eek-label .eek-arrows-13:before {
    bottom: 27px;
    transform: rotate(-16deg);
}

.eek-label .eek-arrows-14:after {
    bottom: 18px;
    transform: rotate(10deg);
}

.eek-label .eek-arrows-14:before {
    bottom: 18px;
    transform: rotate(-10deg);
}

.eek-label .eek-arrows-15:before {
    bottom: 8px;
    transform: rotate(4deg);
}

.eek-label .eek-arrows-15:after {
    bottom: 8px;
    transform: rotate(-4deg);
}

.eek-label .eek-arrows-52:before {
    bottom: 97px;
    transform: rotate(21deg);
}

.eek-label .eek-arrows-52:after {
    bottom: 97px;
    transform: rotate(-21deg);
}

/* Price Card */

.price-card .h1 {
	font-weight: bold
}

/* Tabs */

.tabs-outer .nav-tabs {
	display: flex
}
.tabs-outer .nav-tabs {
	border: none;
}
.tabs-outer .nav-tabs .nav-item {
	position: relative;
	flex: 1;
	text-align: center;
	font-weight: bold;
}

.tabs-outer .nav-tabs .nav-item > .active:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    height: 20px;
    width: 100%;
    background: #FFF;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.tabs-outer .nav-tabs .nav-item a, .tabs-outer .nav-tabs .nav-item:hover a {
	border-color: transparent
}

.tabs-outer .nav-tabs .nav-item:hover a:not(.active) {
	background-color: transparent;
}

.tabs-outer .tab-content {
	padding: 0 1.75em 2.5em 1.75em;
    border-radius: .5em;
    box-shadow: 0px 20px 15px -10px rgba(0, 0, 0, 0.1), 0px 10px 15px -5px rgba(0, 0, 0, 0.1), 0px -10px 15px -5px rgba(0, 0, 0, 0.1)
}

.tabs-outer .nav-tabs .nav-link.active {
	border-radius: .5em .5em 0 0;
    border-color: transparent;
    box-shadow: 0px -19px 15px -10px rgba(0, 0, 0, 0.025), 0px -15px 15px 0px rgba(0, 0, 0, 0.05)
}

/* Cross-Seeling */

.cs-header {
    margin-bottom: 3rem;
    margin-top: .5rem;
    text-align: center;
    font-weight: bold
}

/* Feedback */

#feedback-stars-average {
	height: 23px !important;
}

/* ==========================================================*/
/* 8. Thrid-Party                                            */
/* ==========================================================*/

/* Fix */

.feedback-stars-average .feedback-stars-background, .feedback-stars-average .feedback-stars-overlay, .feedback-stars-average .feedback-stars-overlay-wrap {
	/*width: unset !important;*/
}

/* TrustedShops */

.rating-ts-panel .rating-title a {
    position: relative
}

.rating-ts-panel .rating-title a span {
    position: relative;
    bottom: -.15em;
    margin-left: .25em;
    line-height: 2em;
    font-size: 80%
}

.rating-ts-panel .rating-title span,
.rating-ts-panel .rating-digit span {
    margin-bottom: 0
}

.rating-ts-panel .star {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .65em;
    margin-right: .65em;
    margin-bottom: 1.2em;
    border-right: .3em solid transparent;
    border-bottom: .7em solid #EEE;
    border-left: .3em solid transparent;
    font-size: 7px
}

.rating-ts-panel .stars {
    position: relative;
    display: flex;
    width: 67px
}

.rating-ts-panel .star:before,
.rating-ts-panel .star:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: .6em;
    left: -1em;
    border-right: 1em solid transparent;
    border-bottom: .7em solid #EEE;
    border-left: 1em solid transparent;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.rating-ts-panel .star:after {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg)
}

.rating-ts-panel #stars-dynamic {
    position: absolute;
    top: 0;
    display: flex;
    overflow: hidden
}

.rating-ts-panel #stars-dynamic .star {
    border-bottom: .7em solid #FC0
}

.rating-ts-panel #stars-dynamic .star:before {
    border-bottom: .7em solid #FC0
}

.rating-ts-panel #stars-dynamic .star:after {
    border-bottom: .7em solid #FC0
}

div[id^="trustbadge-container"] {
    z-index: 1000!important
}

/* Icons */

a[aria-controls="collapseFive"] {
	border-bottom: 0!important
}
a[aria-controls="collapseFive"]:before {
	display: none
}
#collapseFive {
	display: block!important
}
.icon-row {
	float: left;
	width: calc(100% + 1em);
	margin-left: -.25em;
	margin-right: -.25em
}
.icon-row .icon-md {
	margin: 0 .25em;
	line-height: 1
}
.footer #payments .icon-md, .footer #shipping .icon-md {
	margin-bottom: .5em
}
.icon-row .icon-md span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.icon-row .icon-md span>div {
	display: block;
	width: 100%;
	height: 2px;
	background: #d0d0d0
}
.icon-row .icon-md span>div:first-of-type {
	margin-top: 4px
}
.icon-row .icon-md span>div:last-of-type {
	margin-top: 2px
}
#payments #paypal {
	background-color: #FFF
}
#payments #amex {
	background-color: #0b6dcd
}
#payments #klarna {
	background-color: #ef6e94
}
#payments #amazonpay {
	background-color: #ef6e94
}
#payments #dhl {
	background-color: #ffcc02
}
#payments #gel {
	background-color: #de0a1a
}
#payments .icon-md {
	min-width: 50px;
	height: 55px;
	background-color: #FFF;
	background-size: 95%
}
#payments .icon {
	position: relative;
	float: left;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: .25em;
	box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.085);
}
@media (max-width: 767px) {
    .cmp-address-list .dropdown {
    	padding-right: 50px;
    }
}
.progress-bar {
  width: 100%;
  list-style: none;
  overflow: hidden;
  margin: 0 0 1em 0;
  padding: 0;
  font: 14px Helvetica;
  font-weight: 600;
  display: -webkit-box;
  display: inline-block;
  counter-reset: li;
}
.progress-bar__steps {
  background: #eee;
  color: #666;
  float: left;
  width: calc(100% / 3);
  position: relative;
  cursor: default;
  list-style-image: none;
  list-style-type: none;
  padding: 20px 5px;
  text-align: center;
}
@media screen and (min-width: 800px) {
  .progress-bar__steps {
    padding: 15px 0 15px 65px;
    text-align: left;
  }
}
@media screen and (min-width: 800px) {
  .progress-bar__steps:first-child {
    padding: 15px 0 15px 30px;
  }
}
@media screen and (min-width: 800px) {
  .progress-bar__steps:after {
    border-bottom: 50px solid transparent;
    border-top: 50px solid transparent;
    content: " ";
    display: block;
    height: 0;
    left: 100%;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 0;
    border-left: 30px solid #ddd;
    z-index: 2;
  }
}
@media screen and (min-width: 800px) {
  .progress-bar__steps:before {
    border-bottom: 50px solid transparent;
    border-top: 50px solid transparent;
    content: " ";
    display: block;
    height: 0;
    left: 100%;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 0;
    border-left: 30px solid #fff;
    z-index: 1;
    margin-left: 5px;
  }
}
.progress-bar .current {
  background: #eee;
  color: #666;
}
.progress-bar .current:after {
  border-left: 30px solid #eee;
}

@media screen and (min-width: 800px) {
  .progress-bar__steps--numbers:before {
    content: counter(li) " ";
    counter-increment: li;
    margin-right: 15px;
    background: rgb(0 0 0 / 0.10);
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
  }
}
.current .progress-bar__steps--numbers:before {
    background: #c90c0f;
    color: #FFF;
}
@media (max-width: 767px) {
	.footer #payments .icon-md, .footer #shipping .icon-md {
		min-width: calc(20% - .5em);
		height: 35px
	}
	#payments .icon {
		background-size: 50px
	}
	.icon-row {

	}
	.icon-row .icon-md span {
		font-size: 12px
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.footer #payments .icon-md, .footer #shipping .icon-md {
		min-width: calc(10% - .5em);
		height: 35px
	}
	#payments .icon {
		background-size: 50px
	}
	.icon-row .icon-md span {
		font-size: 10px
	}
}
@media (min-width: 992px) {
	.footer #payments .icon-md, .footer #shipping .icon-md {
		height: 35px
	}
	#payments .icon {
		background-size: 45px
	}
	.icon-row .icon-md span {
        font-size: 9px;
        letter-spacing: -.05em;
        font-weight: bold;
	}
}

/* Third Party */

:root {
  --balloon-border-radius: 2px;
  --balloon-color: rgba(16, 16, 16, 0.95);
  --balloon-text-color: #fff;
  --balloon-font-size: 12px;
  --balloon-move: 4px; }

button[aria-label][data-balloon-pos] {
  overflow: visible; }

[aria-label][data-balloon-pos] {
  position: relative;
  cursor: pointer; }
  [aria-label][data-balloon-pos]:after {
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    text-indent: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
    font-size: var(--balloon-font-size);
    background: var(--balloon-color);
    border-radius: 2px;
    color: var(--balloon-text-color);
    border-radius: var(--balloon-border-radius);
    content: attr(aria-label);
    padding: .5em 1em;
    position: absolute;
    font-family: 'Arial', sans-serif;
    max-width: 200px;
    z-index: 10; }
  [aria-label][data-balloon-pos]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: var(--balloon-color);
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    content: "";
    position: absolute;
    z-index: 10; }
  [aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
    opacity: 1;
    pointer-events: none; }
  [aria-label][data-balloon-pos].font-awesome:after {
    font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
  [aria-label][data-balloon-pos][data-balloon-break]:after {
    white-space: pre; }
  [aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
    white-space: pre-line;
    word-break: break-word; }
  [aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after {
    transition: none; }
  [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after {
    transform: translate(-50%, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before {
    transform: translate(-50%, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:after {
    left: 0; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:before {
    left: 5px; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:after {
    right: 0; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:before {
    right: 5px; }
  [aria-label][data-balloon-pos][data-balloon-po*="-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-po*="-left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:after {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos][data-balloon-po*="-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-po*="-left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:before {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos^="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    bottom: 100%;
    transform-origin: top;
    transform: translate(0, var(--balloon-move)); }
  [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    margin-bottom: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos="up"]:after {
    left: 50%;
    transform: translate(-50%, var(--balloon-move)); }
  [aria-label][data-balloon-pos][data-balloon-pos^="down"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    top: 100%;
    transform: translate(0, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    margin-top: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos^="down"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--balloon-color); }
  [aria-label][data-balloon-pos][data-balloon-pos="down"]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:before {
    left: 50%;
    transform: translate(-50%, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after {
    transform: translate(0, -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before {
    transform: translate(0, -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:after, [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    right: 100%;
    top: 50%;
    transform: translate(var(--balloon-move), -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:after {
    margin-right: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: var(--balloon-color); }
  [aria-label][data-balloon-pos][data-balloon-pos="right"]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    left: 100%;
    top: 50%;
    transform: translate(calc(var(--balloon-move) * -1), -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="right"]:after {
    margin-left: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: var(--balloon-color); }
  [aria-label][data-balloon-pos][data-balloon-length]:after {
    white-space: normal; }
  [aria-label][data-balloon-pos][data-balloon-length="small"]:after {
    width: 80px; }
  [aria-label][data-balloon-pos][data-balloon-length="medium"]:after {
    width: 150px; }
  [aria-label][data-balloon-pos][data-balloon-length="large"]:after {
    width: 260px; }
  [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
    width: 380px; }
    @media screen and (max-width: 768px) {
      [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
        width: 90vw; } }
  [aria-label][data-balloon-pos][data-balloon-length="fit"]:after {
    width: 100%; }

    button[data-toggle="tooltip"]:before, button[data-toggle="tooltip"]:after {
    	display: none !important;
    }
    .cookie-bar .container-max {
        max-width: 900px !important;
    }
    .cookie-bar .hidden {
        display: none;
    }


/* ==========================================================*/
/* 9. Post Fix                                               */
/* ==========================================================*/

div[data-group-id="603"], div[data-group-id="761"] { display: none; }


.single .owl-carousel .owl-nav .owl-prev:not(.disabled), .owl-single-item-nav .fa-chevron-left {
    margin: 0;
    width: 40px;
    height: 40px;
    background: url('/templates/badspiegel-org/img/arrows/chevron-left.svg');
    text-indent: -9999px;
    opacity: .5 !important;
}

.single .owl-carousel .owl-nav .owl-next:not(.disabled), .owl-single-item-nav .fa-chevron-right {
    margin: 0;
    width: 40px;
    height: 40px;
    background: url('/templates/badspiegel-org/img/arrows/chevron-right.svg');
    text-indent: -9999px;
    opacity: .5 !important;
}

.owl-single-item-nav .fa-chevron-left:before, .owl-single-item-nav .fa-chevron-right:before {
	display: none;
}
.single .owl-carousel .owl-nav .owl-prev.disabled, .single .owl-carousel .owl-nav .owl-next.disabled {
	opacity: 0;
}
.single .owl-carousel .owl-nav .owl-prev:not(.disabled):hover, .single .owl-carousel .owl-nav .owl-next:not(.disabled):hover {
	opacity: 1 !important;
}

.single .item-img {
	transition: width 300ms;
	cursor: pointer;
}
.single .item-img:hover {
    width: 85%;
}

.single-carousel .owl-dots .owl-dot span {
    width: 40px;
    height: 5px;
    margin: 5px 7px;
    background: #d6d6d6;
    border-radius: 0;
}

.single-carousel .owl-dots .owl-dot.active span, .single-carousel .owl-dots .owl-dot:hover span {
	background: var(--primary);
}

#thumb-carousel .owl-dots {
	display: none;
}


@media(min-width: 991px) {
	.sale {
		background: #c90c0f;
        color: #FFF;
        padding: 0 .4em;
        border-radius: .125em;
	}
}
@media(min-width: 992px) and (max-width: 1199px) {
	.main-navbar-collapsable .mainmenu {
		 padding: 0 .5em !important;
	}
    .main-navbar-collapsable .mainmenu>li>a {
        padding: .85rem .5rem !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }
}


.mobile-navigation {
	background: #FFF;
}

.mobile-navigation .mainmenu li + li {
	border-top: 1px solid #EEE
}

.mobile-navigation .mainmenu li a {
    padding-top: .5em;
    padding-bottom: .5em;
    font-size: 14px;
    font-weight: bold;
    line-height: 2em;
    color: #000 !important;
}


.mobile-navigation .nav-direction {
	max-width: 60px;
    padding: .5em 1rem;
    color: #000;
}

.mobile-navigation .mainmenu .fa-level-up:before {
	content: "\f104";
}

.mobile-navigation .mainmenu .btn-up {
	display: flex;
    transform: rotateY(0deg);
    font-family: 'Open Sans', sans-serif !important;
    opacity: .5;
}
.mobile-navigation .mainmenu .btn-up .fa {
	line-height: 20px;
    margin-right: .25em;
}
.mobile-navigation .mainmenu .btn-up:after {
	font-size: 14px;
	content: "Zurück";
}

.mobile-navigation .nav-direction .fa-caret-right:before {
    content: "\f105";
}

#guest-register-card .btn, #login-card .btn,
.page-basket #page-body .btn-block {
    display: block;
    width: 100%;
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.33333;
    border-radius: .2rem;
	color: #fff;
    background-color: #6aab08;
    border-color: #6aab08;
}

#guest-register-card .btn:hover, #login-card .btn:hover,
.page-basket #page-body .btn-block:hover  {
    color: #fff;
    background-color: #538606;
    border-color: #4c7a06;
}

#guest-register-card .btn:focus, #guest-register-card .btn.focus,
#login-card .btn:focus,  #login-card .btn.focus,
.page-basket #page-body .btn-block:focus  {
    color: #fff;
    background-color: #538606;
    border-color: #4c7a06;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(128,184,45,0.5);
    box-shadow: 0 0 0 0.2rem rgba(128,184,45,0.5);
}

#guest-register-card .btn:not(:disabled):not(.disabled):active, #guest-register-card .btn:not(:disabled):not(.disabled).active,
#login-card .btn:not(:disabled):not(.disabled):active, #login-card .btn:not(:disabled):not(.disabled).active{
    color: #fff;
    background-color: #4c7a06;
    border-color: #446e05;
}

#login-card form[id^="login-form"] .row {
	display: block !important;
}
#login-card form[id^="login-form"] .row > div[class^="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#login-card form[id^="login-form"] .row > div[class^="col-"]:last-of-type {
	margin-top: 1em;
}


@media (max-width:991px) {
	.cms-leftnav {display:none !important;}
}

.cms-leftnav {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    background-color: #f8f8f8;
    margin: 10px 0 30px;
}

.cms-leftnav .widget-inner {
    border-bottom: 0px solid #dbdbdb;
    margin:0px !important;
    padding:0px;
}

.cms-leftnav .widget-inner:first-child .headline {
    border-radius: 5px 5px 0 0;
}
.cms-leftnav .widget-inner .headline {
    display: block;
    font-size: 16px;
    background-color: #fff;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px;
}

.cms-leftnav .widget-inner ul {
    padding: 5px 0 30px;
}

.cms-leftnav .widget-inner ul li {
    padding: 1px 10px;
    list-style-type: none;
}

.cms-leftnav .widget-inner ul li a {
    font-size: 13px;
}
.cms-leftnav .widget-inner ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 10px;
}



.colored-menu
{
    -webkit-box-shadow: -1rem 1rem 1rem -1rem rgba(0,0,0,.06), 1rem 1rem 1rem -1rem rgba(0,0,0,.06);
    box-shadow: -1rem 1rem 1rem -1rem rgba(0,0,0,.06), 1rem 1rem 1rem -1rem rgba(0,0,0,.06);
}


.row.top {
    margin: 10px 0;
}
.row.top, .row.top a {
    color: #333;
    font-size: 12px;
}

.row.top a:hover {
	text-decoration: underline;
}

.row.top ul li {
    list-style-type: none;
    float: right;
    text-align: right;
    padding-left: 20px;
}

.att {
	color: #b2b2b2;
	text-align:center;
}

.att span {padding-right:20px;}

@media (min-width:1200px) {
	.att span {padding-right:30px;}
}

@media (max-width:992px) {
	.att {display:none !important}
}

header#page-header {
    background: #ffffff;
}


#vue-app.fixed-header-body .row.top {display:none;}

.hotline {
    padding-left: 10px;
}


div#whd .fa {
    color: #6aab08;
    margin: -7px 10px 2px 0px;
    float: left;
    padding: 0px 0 0 10px;
    font-size: 4em;
}

div#whd span {
    display: -webkit-box;
}


.widget-image-carousel.widget-primary .carousel-control .fa.fa-chevron-right {
    padding-right: 20px;
    right: 0;
    left: 100%;
    line-height: 70px;
    -webkit-filter: drop-shadow(-1px 0 1px rgba(0,0,0,0.15));
    filter: drop-shadow(-1px 0 1px rgba(0,0,0,0.15));
}

.widget-image-carousel.widget-primary .carousel-control .fa.fa-chevron-left {
    padding-left: 20px;
    left: 0;
    right: 100%;
    line-height: 70px;
    -webkit-filter: drop-shadow(-1px 0 1px rgba(0,0,0,0.15));
    filter: drop-shadow(-1px 0 1px rgba(0,0,0,0.15));
}

.widget-image-carousel.widget-primary .carousel-control .fa {
    background-color: #fff;
    cursor: pointer;
    height: 70px;
    width: 70px;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 35px;
    position: absolute;
    z-index: 1;
    top: 50%;
    opacity: .9;
    -webkit-transition: background-color .1s ease-out,border .5s ease-out;
    transition: background-color .1s ease-out,border .5s ease-out;
}
.widget-image-carousel.widget-primary .carousel-control .fa {
    color: #c90c0f;
}
.widget-image-carousel .widget-inner .carousel-control .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2rem;
    -webkit-transform: translate(-50%, -50%);
}


.mirror-area, .shelf-notice {
    padding: 10px 25px 20px 6px;
    color: var(--primary);
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 100px;
    bottom: 100px;
}

.promo-banner {
             display: block;
             height: calc(100% - 30px);
             width: 100%;
              border-radius: .5em;
              background-size: contain  !important;
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;
}

.promo-banner:hover {
               opacity: 0.82;
               cursor: pointer;
}

@media (max-width: 991px) {
    .promo-banner { background-position: center bottom }
}

.breadcrumb-item.active {
	width: auto !important;
}

.crossprice {
	color: #c90c0f !important;
	text-decoration: line-through;
}

.category-description {
    font-size: 1.0rem;
    line-height: 1.8rem;
}

.category-description a {font-weight:bold;}

@media (max-width:991px) {
	.category-description .px-5 {
	padding-right: 15px !important;
    padding-left: 15px !important;
	}
}


.category-description img{
	max-width:25%;
}

@media (max-width: 991px) {
.category-description img{
	max-width:40%;
}
}

@media (max-width:991px) {
	.seo-content {
		display:none;
	}
}
@media (min-width:992px) {
	.load-btn {
		display:none;
	}
}


@media (max-width:991px) {
	.seo-content {
		display:none;
	}
}
@media (min-width:992px) {
	.load-btn {
		display:none;
	}
}


.btn.load-more {
    display: inline-block;
    position:relative;
    width: auto;
    padding: 15px 50px;
    background: #efefef;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.load-btn {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
		margin: -150px 0 0 0;
    padding: 70px 0 0 0;
    background-image: linear-gradient(to bottom, transparent, white);
}

.seo-faq {
    margin-top: 5rem;
}







/* ==========================================================*/
/* Kundenfotos einsenden                                              */
/* ==========================================================*/




.cp-head-box {
	background: rgba(255, 255, 255, 0.9);
}

.cp-head-box h1 {
	font-size: 2.5rem;
    margin-bottom: .8rem;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
}


.cp-form-head {
	background:#d9d9d9;border-bottom:20px solid #333333;
	margin-top: -1.5rem !important;
	background-repeat: no-repeat;
	background-image:url('/templates/badspiegel-org/img/kundenbilder-polaroids.png');
}

.cp-form-body {
	background:#f4f4f4;
	border:2px solid #fda505;
	border-width:2px 0px;
}

.cp-form-info {
	background:#dddddd;
	font-size: .85em;
	padding:.9em;
	margin-bottom:2em;
}

.cp-form-input .input-unit label {
	color: #333333;
	font-size: .85em;
}


@media (min-width: 1280px) {
	.cp-form-head {
		background-size: calc(100% - 25em);
		background-position: 50% 45%;
	}

	.cp-head-box {
		margin-right: 20em;
		margin-left: 20em;
		margin-top: 20em;
		padding: 2.5em 3em;
	}
}

@media (max-width: 1279px) {
	.cp-form-head {
		background-size: calc(100% - 5em);
		background-position: 50% 45%;
	}

	.cp-head-box {
		margin-right: 10em;
		margin-left: 10em;
		margin-top: 15em;
		padding: 2.5em 3em;
	}
}

@media (max-width: 992px) {
	.cp-form-head {
		background-size: calc(100% - 2em);
		background-position: 50% 25%;
	}

	.cp-head-box {
		margin-right: 7em;
		margin-left: 7em;
		margin-top: 12em;
		padding: 2.5em 3em;
	}
}

@media (max-width: 577px) {
	.cp-form-head {
		background-image:none;
		background-size: calc(100% - 2em);
		background-position: 50% 25%;
	}

	.cp-head-box {
		margin-right: 0em;
		margin-left: 0em;
		margin-top: 5em;
		padding: 2.5em 3em;
	}
}





@media (min-width: 768px) {
.dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
}
@media (min-width: 768px) {
.dl-horizontal dd {
    margin-left: 180px;
}
}



span.tax-info {
    font-size: 0.9rem;
}

.vk-frei.gruen{
    font-size: 0.9rem;
    font-weight:600;
    color:#67a015;
}
.vk-frei.gruen:hover {
		text-decoration:underline;
}
.p-shipping {
	font-size: 0.9rem;
	font-weight:600;
}
/* Hinweis Angebot */

#discountN {
  background-color: var(--primary);
  color: white;
  padding: 0.3rem;
  text-align: center;
  font-size: 16px;
}

@media(max-width: 380px) {
  #discountN {
    font-size: 14px;
  }
}

@media(max-width: 991px) {
  #page-header .search-outer {
    top: 70px;
  }
}

@media(max-width: 400px) {
  #page-header .search-outer {
    top: 70px !important;
  }
}


#s-container {
	max-width: 1170px !important;
	margin-top: 2em;
}


.listfilter .btn svg.fas {
    fill: #333;
}

.list-controls .list-controls-inner {
    background: none;
}

.listfilter .btn,
.listfilter .btn-default {
	border:0px;
	box-shadow: none !important;
	background:none !important;
}

.listfilter .btn:hover,
.listfilter .btn:focus,
.listfilter .btn:active {
	background:none !important;
}

.listfilter .custom-select {
	    border: 1px solid rgba(0, 0, 0, 0.15);
}

hr {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.qty .form-control,
#optionen .form-control {
	padding: 0.4rem 0.75rem;
}

#optionen .card-body,
.price-card .card-body{
    padding: 0.5rem;
}
.categories-listing,
.categories-list {
    	font-size: 1.2em;
			text-align:center;
}

.categories-list .card-title {
    margin-bottom: 0rem;
    height: 2.75em;
}

.card-title a, .card-text a, a .card-text {
    color: #595959;
}


@media screen and (max-width: 575px) {
.listfilter:not(.collapse), #collapseMoreOptions:not(.collapse) {
    display: none;
}

.listfilter .input-group {
	margin-top:0.5em;
	margin-bottom:0.5em;
}


}
@media screen and (min-width: 576px) {
.list-controls {
	    background: #eeeff0;
	    padding: 0.5em 0.5em;
}
}

.col-form-label svg {
	margin-top:-2px;
	margin-right:2px;
}

.configurator {
	padding-left: 0;
}
@media (max-width: 767px) {
	.configurator {
		margin-top:15px;
		padding-left: 15px;
	}
	.configurator .h3{
		margin-top: 0rem !important;
	}


}

.product-description h2,
.category-description.mc h2 {
	    padding-top: 1.5rem ;
			padding-bottom: 0.5rem;
			line-height: 1.3;
}
.product-description h3,
.category-description.mc h3 {
	    padding-top: 1rem;
			padding-bottom: 0.25rem ;
			line-height: 1.5;
}

.product-description h4,
.category-description.mc h4 {
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
    line-height: 1.1;
}


.t1 {
    order: 1;
}
.t2 {
    order: 2;
}
.t3 {
    order: 3;
}
.t4 {
    order: 4;
}

.px-15 {
    padding-left: 15px !important;
		padding-right: 15px !important;
}