/*
color: rgba(177,177,177,1)  				// dunkelgrau
soft color: rgba(165,165,166,1)		    // hellgrau
main color: rgba(250,219,185,1) 		// helles organe
akzent color: #3EA130		// grün
*/


* {
    margin: 0;
    padding: 0
}


html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

body {
    /*margin:0;
	padding:0; */
    font-size: 16px;
    line-height: 16px;
    font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, "sans-serif";
    color: #555555;
    /*background:url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/sprite.png) 0px -432px repeat-x #fff;*/
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    /* zuum Testen background: #0ebeff; */

    /*-webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.1s;
*/
    /* MM 20.2.2019 ausgeschaltet da im IE der Bildaufbau "wackelt"
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
*/

}


@-webkit-keyframes fontfix {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}

::selection {
    color: #fff;
    background: #3EA130;
    text-shadow: none;
}

::-moz-selection {
    color: #fff;
    background: #3EA130;
    text-shadow: none;
}

::-webkit-selection {
    color: #fff;
    background: #3EA130;
    text-shadow: none;
}

:focus, :active {
    outline: 0 !important;
}


/* Clearer */
.clr {
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 0;
    height: 0;
 }

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.ie9 img[src$=".svg"] {
    width: 100%;
}

/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    img[src$=".svg"] {
        width: 100%;
    }
}

img[src*=".svg"] {
    width: 100%;
}


/* responsive img bugs */
@-moz-document url-prefix() {
    img {
        width: auto;
        max-width: 100%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    img {
        max-width: 100%;
    }
}

/*------------------------------*/
/*---------- TYPO -------------*/
/*----------------------------*/

h1, h2, h3, h4, h5, h6, p.headline,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    font-size: 1.375em;
    line-height: 1.375em;
    text-align: left;
    color: #555555;
    /*color: #3EA130;*/
    margin: 0.25em 0;
    overflow: hidden;
}

h2, .h2 {
    font-size: 1.375em;
    line-height: 1.2em;
    margin: 0.25em 0;
}

h1.smallH1,
h2.smallH2,
h3.smallH3,
h4.smallH4,
h5.smallH5,
h6.smallH6,
.h1.smallH1,
.h2.smallH2,
.h3.smallH3,
.h4.smallH4,
.h5.smallH5,
.h6.smallH6 {
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 0;
}

.hlStartpage h1 {
    color: #3EA130;
}

.seoDescription h1, .seoDescription h2, .seoDescription h3, .seoDescription h4, .seoDescription h5, .seoDescription h6, .seoDescription p.headline,
.seoDescription .h1, .seoDescription .h2, .seoDescription .h3, .seoDescription .h4, .seoDescription .h5, .seoDescription .h6 {
    font-size: 1.2em;
    line-height: 1.2em;
}

.prodRightHL h1,
.prodRightHL p.h1 {
    font-size: 1.5em;
    line-height: 1.25em;
}

.homeColFull h1 {
    color: #3EA130;
}

.heroHome h1 {
    font-size: 1.3em;
    line-height: 1.5em;
    color: #fff;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .heroHome h1 {
        font-size: 2em;
        line-height: 2em;
    }
}

@media screen and (min-width: 992px) {
    .heroHome h1 {
        font-size: 3em;
        line-height: 1.5em;
    }

    .prodRightHL h1,
    .prodRightHL p.h1 {
        font-size: 2em;
        line-height: 1.5em;
    }
}

.heroHome h1 a {
    color: #fff;
    border-bottom: 3px solid #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.heroHome h1 a:hover {
    color: #fff;
    border-bottom: #3EA130 3px solid;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

@media screen and (min-width: 992px) {
    h1, h2, h3, h4, h5, h6, p.headline,
    .h1, .h2, .h3, .h4, .h5, .h6 {
        font-size: 2em;
        line-height: 1.25em;
        margin-bottom: 0.25em;
    }
}

p {
    line-height: 1.5em
}

/*
p + p {
	margin-bottom: 0.75em
}
*/
p, legend {
    word-wrap: break-word;
}

p.colorGreen, .colorGreen {
    color: #33691E;
}

.colorRed {
    color: #B71C1C;
}

.colorGray {
    color: #aeaeae;
}

.content_page ol,
.content_page ul {
    margin: 0 0 10px 20px;
}

.content_page h2,
.content_page h3,
.content_page .h2,
.content_page .h3 {
    font-size: 1.2em;
    margin: 12px 0 12px 0;
    font-weight: normal;
    text-transform: none;
}

.content_page h4,
.content_page .h4 {
    margin: 10px 0 5px 0 !important;
    margin-bottom: 0;
}


a, .reviewsArticle a {
    color: #555555;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

a:hover, a:focus {
    color: #3EA130;
}

a:hover, .reviewsArticle a:hover {
    text-decoration: none;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

.reviewsArticle a:hover {
    color: #3EA130;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

a.iconFonts:hover {
    color: #3EA130;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

a.popup_link {
    border-bottom: 1px solid rgba(65, 65, 66, 0.3);
    text-decoration: none !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

a.popup_link:hover {
    text-decoration: none;
    border-bottom: 1px solid rgba(65, 65, 66, 0.5);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

p a,
p a:hover {
    text-decoration: underline;
}

a:focus {
    outline: none;
}

a img {
    border: none;
    outline: none;
}

/*p {margin:0px 0px 18px 0px; line-height: 21px }*/
hr {
    border: 0px solid #fff;
    border-bottom: #e5e5e5 1px solid;
    margin: 20px 0;
    padding: 0px;
}

li.iconFonts {
    list-style: none;
}

li {
    line-height: 1.5em;
}

.upperText {
    text-transform: uppercase;
}

.boldText {
    font-weight: bold;
}

.smallText {
    font-size: 0.875em;
}

.iconBig {
    font-size: 32px;
}

.italicText {
    font-style: italic;
}

/*------------------------------*/
/*--------- HELPS -------------*/
/*----------------------------*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.mobile, .onlyMobile {
    display: block;
}

.onlyTablet, .onlyDesktop {
    display: none;
}

.prodRightHL.onlyTablet {
    display: block !important;
}

@media screen and (min-width: 768px) {
    .onlyMobile {
        display: none !important;
    }

    .prodRightHL.onlyTablet {
        display: block !important;
    }

}

@media screen and (min-width: 992px) {
    .onlyMobile {
        display: none !important;
    }

    .mobile {
        display: none;
    }

    .prodRightHL.onlyTablet {
        display: none !important;
    }

    .prodRightHL.onlyDesktop {
        display: block;
    }

}

@media screen and (min-width: 1200px) {
    .onlyMobile {
        display: none !important;
    }

    .mobile {
        display: none;
    }

    .onlyDesktop {
        display: block;
    }
}

.pt-1 {
    padding-top: 1rem
}

.pt-2 {
    padding-top: 2rem
}

.pt-3 {
    padding-top: 3rem
}

.pt-4 {
    padding-top: 4rem
}

.pt-5 {
    padding-top: 5rem
}

.pt-6 {
    padding-top: 6rem
}

.pt-7 {
    padding-top: 7rem
}

.pt-8 {
    padding-top: 8rem
}

.pt-9 {
    padding-top: 9rem
}

.pt-10 {
    padding-top: 10rem
}

.pb-1 {
    padding-bottom: 1rem
}

.pb-2 {
    padding-bottom: 2rem
}

.pb-3 {
    padding-bottom: 3rem
}

.pb-4 {
    padding-bottom: 4rem
}

.pb-5 {
    padding-bottom: 5rem
}

.pb-6 {
    padding-bottom: 6rem
}

.pb-7 {
    padding-bottom: 7rem
}

.pb-8 {
    padding-bottom: 8rem
}

.pb-9 {
    padding-bottom: 9rem
}

.pb-10 {
    padding-bottom: 10rem
}

.pl-1 {
    padding-left: 1rem
}

.pl-2 {
    padding-left: 2rem
}

.pl-3 {
    padding-left: 3rem
}

.pl-4 {
    padding-left: 4rem
}

.pl-5 {
    padding-left: 5rem
}

.pl-6 {
    padding-left: 6rem
}

.pl-7 {
    padding-left: 7rem
}

.pl-8 {
    padding-left: 8rem
}

.pl-9 {
    padding-left: 9rem
}

.pl-10 {
    padding-left: 10rem
}

.mt-1 {
    margin-top: 1rem
}

.mt-2 {
    margin-top: 2rem
}

.mt-3 {
    margin-top: 3rem
}

.mt-4 {
    margin-top: 4rem
}

.mt-5 {
    margin-top: 5rem
}

.mt-6 {
    margin-top: 6rem
}

.mt-7 {
    margin-top: 7rem
}

.mt-8 {
    margin-top: 8rem
}

.mt-9 {
    margin-top: 9rem
}

.mt-10 {
    margin-top: 10rem
}

.mb-1 {
    margin-bottom: 1rem
}

.mb-2 {
    margin-bottom: 2rem
}

.mb-3 {
    margin-bottom: 3rem
}

.mb-4 {
    margin-bottom: 4rem
}

.mb-5 {
    margin-bottom: 5rem
}

.mb-6 {
    margin-bottom: 6rem
}

.mb-7 {
    margin-bottom: 7rem
}

.mb-8 {
    margin-bottom: 8rem
}

.mb-9 {
    margin-bottom: 9rem
}

.mb-10 {
    margin-bottom: 10rem
}

.mr-1 {
    margin-right: 1rem
}

.mr-2 {
    margin-right: 2rem
}

.mr-3 {
    margin-right: 3rem
}

.mr-4 {
    margin-right: 4rem
}

.mr-5 {
    margin-right: 5rem
}

.mr-6 {
    margin-right: 6rem
}

.mr-7 {
    margin-right: 7rem
}

.mr-8 {
    margin-right: 8rem
}

.mr-9 {
    margin-right: 9rem
}

.mr-10 {
    margin-right: 10rem
}


/*------------------------------*/
/*--------- WRAPPER -----------*/
/*----------------------------*/
#content {
    padding-bottom: 16px;
    position: relative;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (min-width: 988px) {
    .container {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media screen and (min-width: 1010px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media screen and (min-width: 768px) {
    .container {
        width: 738px;
        text-align: center;
        margin: 0 auto;
    }
}

@media screen and (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media screen and (min-width: 1500px) {
    .container {
        width: 1440px !important;
        max-width: 100%;
    }
}

.wrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.col_start {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.row {
    text-align: left;
}

.spacerSmall,
.spacer {
    background: transparent;
    border: 0 none;

    clear: both;
    float: none;
}

.spacerSmall {
    height: 30px;
}

.spacer {
    height: 80px;
}


/*------------------------------*/
/*---------- INDEX ------------*/
/*----------------------------*/

/*Hinweisbox oben (Urlaubsmodus)*/
/* obsolet
.noteWarning {visibility: hidden; display: none; opacity: 0;z-index: 99999;}
.noteWarning.hidden {visibility: visible; display: block; opacity: 1;}
*/

/* Warnung & Präferenzfilter */
.alert--warning {
    background-color: #B71C1C;
    position: relative;
    z-index: 10;
    line-height: 1.5em;
}

.alert--warning.hintInfo {
    background-color: #3EA130;
    margin-top: 1px;
}

.alert--warning.hintInfo a.popup_link {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.filterinfoWrap {
    background: rgba(65, 65, 66, 0.08);
}

.filterinfoWrap .row {
    padding-top: 20px;
}

.alert--warning .row {
    color: #fff;
    list-style: none;
}

.alert--warning::after,
.filterinfoWrap::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.alert--warning .alert--content,
.filterinfoWrap .filterinfoContent {
    float: left;
    width: 85%;
    width: -webkit-calc(100% - 80px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 80px); /** FF 4-15  **/
    width: calc(100% - 80px);
    text-align: left;
    padding: 20px 0;
}

.alert--warning .btn_warning,
.filterinfoWrap .btn_filterinfo {
    float: right;
    padding: 20px 0;
}

.alert--warning.notbuyable,
.formWrap .alert--warning {
    padding: 20px;
    color: #fff;
    margin: 20px 0;
    line-height: 1.5em;
}

.alert--warning.alert-warning-packstation {
    position: absolute;
    width: 40%;
    right: 20px;
    margin-top: 0;
}

/* Fehler beim in den Warenkorb legen */
.note_error {
    position: relative;
    background: #FFCDD2;
    color: #B71C1C;
    line-height: 1.25em;
    padding: 20px 0;
    margin-top: 36px;
}

.note_error_info {
    float: left;
    width: 80%
}

.note_error_btn.btnTrans {
    float: right;
    color: #B71C1C;
}

.errorRed {
    padding: 20px;
    background: #FFCDD2;
    color: #B71C1C;
}

.hintGreen {
    padding: 20px;
    background-color: #DCEDC8;
    color: #33691E;
}

.hintYellow {
    padding: 20px;
    background: rgba(250, 219, 185, 1);
    color: #33691E;
}

/* Breadcrumb Navigation */
.breadcrumb {
    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;

    color: rgba(117, 117, 117, 1);
    padding: 10px 8px 0px 0px;
    list-style-type: none;
    outline: none;
    font-size: 13px;
    height: auto;
    overflow: hidden;
    text-align: left;
}

.breadcrumb {
    position: relative;
    top: 2px;
    margin-bottom: 30px;
}

.breadcrumb, .breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active, .breadcrumb .current {
    line-height: 16px;
    text-decoration: none;
    outline: none;
    font-weight: normal;
    cursor: pointer;
    color: rgba(65, 65, 66, 0.7) !important;
    padding: 0 0 7px 0;
}

.breadcrumb a a span {
    border-bottom: 1px solid transparent;
}

.breadcrumb a:hover {
    color: rgba(117, 117, 117, 1);
}

.breadcrumb a strong {
    font-weight: normal;
}

.breadcrumb #navtrail {
    display: none;
}

.breadcrumb .back {
    border: none;
}

@media screen and (min-width: 992px) {
    .breadcrumb #navtrail {
        display: inline-block;
    }

    .breadcrumb .back {
        border-right: 1px solid rgba(65, 65, 66, 0.7);
        margin-right: 5px;
        padding-right: 5px;
    }
}

/* Fehlermeldungen */
.error_message {
    background: #FFCDD2;
    color: #B71C1C;
    line-height: 1.25em;
    padding: 20px 20px 20px 30px;
    margin: 15px 0;
    list-style: none;
}

.error_message ul {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 1em;
}

.error_message li {
    padding-left: 6px;
    text-indent: -10px;
}

.general_message {
    position: relative;
}

.success_message {
    background-color: #DCEDC8;
    color: #33691E;
    padding: 20px;
    list-style: none;
    text-align: center;
}

ul.errorMessageHints {
    list-style: none;
    margin-bottom: 20px;
}

ul.errorMessageHints li {
    padding: 20px;
    margin-bottom: 10px;
}

.errorSearch .error_message {
    background: none;
    padding: 0px;
    margin: 0;
}

/* #33691E */


/* !FOCUSED IMAGES */
/*-----------------------------------------*/
/*

.focuspoint {
	position: relative;
	overflow: hidden;
	height: 250px!important;
}
.focuspoint img {
	position: absolute;
	left: 0!important;
	top: 0;
	margin: 0;
	display: block;
	width: auto; height: auto;
}
@media screen and (min-width: 768px) {
	.focuspoint {
		height: 490px!important;
	}
}
@media screen and (min-width: 992px) {
	.focuspoint {
	height: 530px!important;
}
}
@media screen and (min-width: 1200px) {
	.focuspoint {
	height: 69vh!important;
}
}
*/

/* Slider */

/*

.slick-slider.heroHome {
	height: auto;
	margin-top: 0px;
}
.slick-slider.heroHome img {
	max-width: none;
	width: 100%;
	min-width: 100%;
	height: auto;
}
@media screen and (min-width: 768px) {
	.slick-slider.heroHome {
		height: 515px;
		max-height: 515px;
	}
}
@media screen and (min-width: 992px) {
	.slick-slider.heroHome {
		height: 540px;
		max-height: 540px;
	}
}
@media screen and (min-width: 1200px) {
	.slick-slider.heroHome {
		height: 70vh;
		max-height: 70vh;
	}
}

*/

.container.contentSlider {
    padding-right: 0px;
    padding-left: 0px;
}

@media screen and (min-width: 768px) {
    .container.contentSlider {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.slick-slider, .slick-slider-noSlider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;

}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.slick-slide {
    display: none;
    float: left;

}

[dir='rtl'] .slick-slide {
    float: right
}


.slick-slider .slick-track,
.slick-slider .slick-list {

    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0%);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}

.slick-list:focus,
.slick-list:active {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track::before, .slick-track::after {
    display: table;
    content: ''
}

.slick-loading .slick-track,
.slick-loading .slick-slide {
    visibility: hidden
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/ajax-loader.gif) center center no-repeat
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    display: block;
    color: rgba(65, 65, 66, 0.1);
    cursor: pointer;
    height: 46px;
    width: 46px;
    background: transparent;
    border: none;
    padding: 0;
    z-index: 100;
    -moz-transition: translate(0, -50%);
    -ms-transition: translate(0, -50%);
    -o-transition: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    outline: none;
}


#startSlider {
    /* Mask: */
    background-image: -webkit-linear-gradient(235deg, #F2F2F2 0%, rgba(147, 199, 140, 0.10) 51%, rgba(62, 161, 48, 0.30) 100%);
    background-image: -o-linear-gradient(235deg, #F2F2F2 0%, rgba(147, 199, 140, 0.10) 51%, rgba(62, 161, 48, 0.30) 100%);
    background-image: linear-gradient(-145deg, #F2F2F2 0%, rgba(147, 199, 140, 0.10) 51%, rgba(62, 161, 48, 0.30) 100%);
}

.brandList .slick-prev, .brandList .slick-next {
    width: 40%;
    width: -webkit-calc(50% - 20px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(50% - 20px); /** FF 4-15  **/
    top: calc(50% - 20px);
}

.heroHome .slick-prev, .heroHome .slick-next {
    top: 50%;
}

.category_list .slick-prev, .category_list .slick-next,
.topReviews .slick-prev, .topReviews .slick-next {
    top: 50%;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: rgba(65, 65, 66, 0.4);
    border: none;
    color: transparent;
    outline: none;
}

.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
    opacity: 1;
    color: rgba(65, 65, 66, 0.4);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {

    opacity: 1;
}

.slick-prev::before, .slick-next::before {
    color: rgba(65, 65, 66, 0.2);
    font-size: 46px !important;
    line-height: 1;
    padding-right: 0px !important;
    position: absolute;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.slick-prev::before {
    left: 0px;
    top: 0;
}

.slick-next::before {
    right: 0px;
    top: 0;
}


[dir='rtl'] .slick-prev {
    right: -20px;
    left: auto
}

.carousel .slick-prev,
.slick-prev {
    left: 0px;
}

/*.slick-prev::before{content:'<' }*/


.carousel .slick-next,
.slick-next {
    right: 0px;
}

.heroHome .slick-next {
    right: 0px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}


.slick-dots {
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 0;
    cursor: pointer;
    margin: 0 5px;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;

}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
    opacity: 1
}

.slick-dots li button {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    display: block;
    text-align: center;
    opacity: .75;
    background: rgba(165, 165, 166, 1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    opacity: 1;
    background: #3EA130;
}

.slideItem {
    margin-left: 15px;
}


@media screen and (max-width: 800px) {
    .startSlider {
        height: 250px;
    }

    .startSlider .slick-slide {
        height: 250px;
        min-height: 1px;
    }

    .startSlider .slick-slide img {
        width: auto;
        height: 100%;
    }
}

@media screen and (max-width: 480px) {
    .startSlider {
        height: 200px;
    }

    .startSlider .slick-slide {
        height: 200px;
        min-height: 1px;
    }
}

@media screen and (max-width: 320px) {
    .startSlider {
        display: none;
    }
}


/*Slider Content*/
.slick-slider .sliderContent,
.slick-slider-noSlider .sliderContent {
    position: relative;
}

.slick-slider .imgContainer,
.slick-slider-noSlider .imgContainer {
    height: auto;
    overflow: hidden;

}

.slick-slider .slick-slide img,
.slick-slider-noSlider .slick-slide img {
    display: block;
    height: auto !important;
    width: auto;
    max-width: 100%;
}

@media screen and (min-width: 992px) {
    .slick-slider .imgContainer,
    .slick-slider-noSlider .imgContainer {
        /*height: 700px;*/
        overflow: hidden;
        background-size: cover;
    }

}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .slick-slider .slick-slide img,
    .slick-slider-noSlider .slick-slide img {
        max-width: 100%;
        height: auto;
        width: auto;
    }
}


.slick-slider .sliderTxtContainer,
.slick-slider-noSlider .sliderTxtContainer {
    position: relative;
    left: auto;
    top: auto;
    -moz-transition: translate(0, 0);
    -ms-transition: translate(0, 0);
    -o-transition: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);

}

.sliderTxtContainer .container {
    width: auto;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .slick-slider .sliderTxtContainer,
    .slick-slider-noSlider .sliderTxtContainer {
        position: absolute;
        width: 40%;
        left: 500px;
        top: 70%;

        -moz-transition: translate(-50%, -50%);
        -ms-transition: translate(-50%, -50%);
        -o-transition: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media screen and (min-width: 992px) {
    .slick-slider .sliderTxtContainer,
    .slick-slider-noSlider .sliderTxtContainer {
        width: 45%;
        left: 700px;
        top: 80%;
    }
}

@media screen and (min-width: 1200px) {
    .slick-slider .sliderTxtContainer,
    .slick-slider-noSlider .sliderTxtContainer {
        width: 35%;
        left: 66%;
        top: 80%;
    }
}

@media screen and (min-width: 1500px) {
    .slick-slider .sliderTxtContainer,
    .slick-slider-noSlider .sliderTxtContainer {
        width: 30%;
        left: 65%;
        top: 80%;
    }
}

@media screen and (min-width: 1700px) {
    .slick-slider .sliderTxtContainer,
    .slick-slider-noSlider .sliderTxtContainer {
        width: 30%;
        left: 55%;
        top: 80%;
    }
}

.slick-slider .sliderBox,
.slick-slider-noSlider .sliderBox {
    width: auto;
    text-align: left;
    padding: 0;
    margin: 0 auto;
}

.slick-slider .sliderBox {
    background: transparent;
    padding: 1.5em;
}

@media screen and (min-width: 768px) {
    .slick-slider .sliderBox {
        background: rgba(255, 255, 255, 0.8);
        padding: 1.5em;
    }
}

@media screen and (min-width: 992px) {
    .slick-slider .sliderBox {
        background: transparent;
        padding: 1.5em;
    }
}

.slick-slider .slide_head,
.slick-slider-noSlider .slide_head {
    font-size: 1.25em;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
}

@media screen and (min-width: 992px) {
    .slick-slider .slide_head,
    .slick-slider-noSlider .slide_head {
        font-size: 2em;
        line-height: 1.25em;
        margin-bottom: 0.25em;
    }
}

.slick-slider .slide_text,
.slick-slider-noSlider .slide_text {
    margin-bottom: 1.25em;
}

.slick-slider .sliderBox .slideBtn {
    /*width: auto;
    height: auto;
    display: table;
	display: box;
	display: flexbox;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-direction: row;
    	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;*/
}

.slick-slider .sliderBox .slideBtn a {
    padding: 0.375em 0.875em;
    background: #3EA130;
    color: #fff;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.slick-slider .sliderBox .slideBtn a:hover {
    background: #28661F !important;
    color: #fff;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.slick-slider .sliderBox a.btnTrans {
    width: auto;
    margin-bottom: 16px;
    align-self: flex-start;
}

.slick-slider-noSlider.heroHome .imgContainer {
    width: 100% !important;
}

.slick-slider-noSlider.heroHome img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.slick-slider.heroHome,
.slick-slider-noSlider.heroHome {
    line-height: 22px;
    /*height: 160px;*/
    height: auto;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .slick-slider.heroHome,
    .slick-slider-noSlider.heroHome {
        /*height: 300px;*/
    }
}

@media screen and (min-width: 992px) {
    .slick-slider.heroHome,
    .slick-slider-noSlider.heroHome {
        /*height: 400px;*/
    }
}

@media screen and (min-width: 1200px) {
    .slick-slider.heroHome,
    .slick-slider-noSlider.heroHome {
        /*height: 400px;*/
    }
}

@media screen and (min-width: 1500px) {
    .slick-slider.heroHome,
    .slick-slider-noSlider.heroHome {
        /*height: 430px;*/
    }
}

/*

.slick-slider.heroHome .slick-arrow {
	font-size: 0px;
    line-height: 0;
    position: absolute;
	top: 35%;
	margin: 0 15px;
    box-sizing: border-box;
    display: block;
    padding: 0;
    cursor: pointer;
    outline: none;
    height: 50px;
    width: 40px;
    background: transparent;
	   -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}
.slick-slider.heroHome .slick-arrow:hover {
	background: transparent;
	   -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}
.slick-slider.heroHome .slick-prev {
	left: 0px;
	z-index: 99;
}
.slick-slider.heroHome .slick-next::before,
.slick-slider.heroHome .slick-prev::before{
	top: -20px
}
@media screen and (min-width: 768px) {
	.slick-slider.heroHome .slick-arrow {
		top: 50%;
		margin: 0 5px;

	}
	.slick-slider.heroHome .slick-prev {
		left: 0px;
	}
}
@media screen and (min-width: 992px) {
	.slick-slider.heroHome .slick-arrow {
		margin: 0 20px;
	}

}

.slick-slider.heroHome .slick-next::before,
.slick-slider.heroHome .slick-prev::before{
	color: rgba(255,255,255,0.5);
    font-size: 90px!important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;-moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}
.slick-slider.heroHome .slick-next:hover::before,
.slick-slider.heroHome .slick-prev:hover::before {
	color: rgba(255,255,255,0.8);
	-moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}
*/


/*------------------------------*/
/*--------- HOMEPAGE -- -------*/
/*----------------------------*/


.homeMarketingGrau {
    background: #F2EFEF;
}

.marketingTwo {
    padding-top: 3.125em;
}

.marketingThree {
    padding: 3.125em 0;
}

.marketingOne {
    padding-top: 3.125em;
}

.iconHome {
    margin-bottom: 1em;
    height: auto;
}

.hlStartpage {
    padding: 50px 0 40px 0;
}

@media screen and (min-width: 992px) {
    .iconHome {
        height: 80px;
    }
}

.marketingOne h2,
.marketingThree h3 {
    font-size: 20px;
    line-height: 24px;
    color: #555555;
    margin-bottom: 1em;
}

.home-50, .home-30 {
    width: 100%;
}

.home-30 {
    padding-bottom: 2em;
}

.home-50.fl, .home-50.fr,
.home-30.fl, .home-30.fr {
    float: none;
}

.home-30.pl-40.fl.text-center {
    padding-left: 0;
}

.home-30.pl-40.fl.text-center {
    padding-left: 0;
}

.home-30.fl.pr-40.text-center {
    padding-right: 0;
}


@media screen and (min-width: 992px) {

    .home-50 {
        width: 50%;
    }

    .home-50.fl {
        float: left;
    }

    .home-50.fr {
        float: right;
    }

    .home-30 {
        width: 33.333%;
    }

    .home-30.fl {
        float: left;
    }

    .home-30.pl-40.fl.text-center {
        padding-left: 40px;
    }

    .home-30.fl.pr-40.text-center {
        padding-right: 40px;
    }

}


.home-text-left,
.home-text-right {
    padding: 1.5em 0.5em;
}

@media screen and (min-width: 768px) {
    .home-text-left,
    .home-text-right {
        padding: 2em;
    }
}

@media screen and (min-width: 992px) {
    .home-text-left,
    .home-text-right {
        padding: 3em;
    }
}

@media screen and (min-width: 1200px) {
    .home-text-left,
    .home-text-right {
        padding: 5em 5em;
    }
}

@media screen and (min-width: 1500px) {
    .home-text-left,
    .home-text-right {
        padding: 120px 120px;
    }
}

.homeColHalf p + p {
    margin-top: 0.5em;
}

p.homeDetails {
    margin-top: 1em !important;
}

.startpagetext li {
    list-style: none;
    font-weight: 600;
    font-style: italic;
}

.startpagetext li::before {
    font-weight: bold;
}

.homeDetails a {
    margin: 10px;
    color: #3EA130;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.homeDetails a:hover {
    color: #28661F;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.homeDetails i {
    position: relative;
    top: 3px;
}

.marketingTwo, .marketingThree {
    position: relative;
    overflow: hidden;
}


.marketingThree .row {
    background: #fff;
}

.homeHeightColImg {
    overflow: hidden;
}

/*
.marketingTwo .home-bild-left,
.marketingThree .home-bild-left{
	position: relative;
	height: 285px;
	overflow: hidden;
	top: 0%;
  left: 0;
  -webkit-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}
.marketingTwo .home-bild-left img,
.marketingThree .home-bild-left img {
	width: 100%;
	height: auto;
	position: absolute;
		top: 50%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

@media screen and (min-width: 992px) {
	.marketingTwo .home-bild-left {
		position: absolute;
		height: auto;
		top: 50%;
	  left: 0;
	  -webkit-transform: translate(0%, -50%);
		  -ms-transform: translate(0%, -50%);
			  transform: translate(0%, -50%);
		}
	.marketingThree .home-bild-left {
		position: absolute;
		height: auto;
		top: 50%;
	  left: 50%;
	  -webkit-transform: translate(0%, -50%);
		  -ms-transform: translate(0%, -50%);
			  transform: translate(0%, -50%);
		}
	.marketingTwo .home-bild-left img,
.marketingThree .home-bild-left img {
		position: relative;
	top: 0%;
  left: 0;
  -webkit-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}
}
*/

/* Produktliste Kachel*/

.prodlist {
    padding-top: 16px;
}

.prodlist.itemscroller {
    padding: 16px 30px;
}

.prodlist .item {
    padding: 0 14px;
}

.prodlist .item,
.bundle_quantity .item {
    display: inline-block;
    list-style: none;
    box-sizing: border-box;
    width: 255px;
    margin: 0px;
    float: left;
    background: transparent;
    padding: 0px 14px;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.bundle_quantity .item {
    position: relative;
    margin-bottom: 16px;
    min-height: 200px;
}

.prodlist .item, .brandList li.slick-slide {
    margin: 16px 0px 16px 0px;
}

@media screen and (min-width: 480px) {
    .prodlist .item, .brandList li.slick-slide {
        margin: 16px 0px 16px 0px;
    }
}

.prodlist .item span,
.bundle_quantity .item span {
    display: block;
    text-align: center;
}

@media screen and (min-width: 992px) {
    /*
.prodlist .item .box:hover {
	background: rgba(255,221,0,0.1);
	cursor:pointer;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.15s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;
}*/
    /*	.prodlist .item .box::after {
	opacity: 0;
	content:'';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255,221,0,0.1);
	border-radius: 5px;

	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.15s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;
}*/
    /*	.prodlist .item .box:hover::after {
		opacity: 1;
	background: rgba(255,221,0,0.1);
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.15s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;
}*/

}

.prodlist .item .box {
    display: block;
    background: transparent;
    padding: 0px;
    height: auto;
    margin-bottom: 20px;
}

.prodlist .item .box {
    min-height: auto;
}

@media screen and (min-width: 480px) {
    .prodlist .item .box {
        min-height: 550px;
    }
}

@media screen and (min-width: 768px) {
    .prodlist .item .box {
        min-height: 450px;
    }
}

@media screen and (min-width: 1200px) {
    .prodlist .item .box {
        min-height: 550px;
    }
}

.prodlist .item .bild {
    text-align: center;
    border: none;
    overflow: hidden;
    background: #fff;
}

.prodlist .item .bild img {
    height: auto;
    width: auto;
    max-width: 100%;
    display: inline;
    text-align: center;
    margin: 0 auto;
    position: inherit;
}


@media screen and (min-width: 480px) {
    .prodlist .item .bild {
        height: 200px;
    }

    .prodlist .item .bild img {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;

    }
}

@media screen and (min-width: 768px) {
    .prodlist .item .bild {
        height: 128px;
    }
}


@media screen and (min-width: 992px) {
    .prodlist .item .bild {
        height: 125px;
    }
}

@media screen and (min-width: 1200px) {
    .prodlist .item .bild {
        height: 205px;
    }

}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

}


.bundle_quantity .item .bild {
    background: #fff;
    vertical-align: top;
    float: left;
}


.prodlist .item .bild:hover {
    cursor: pointer;
}

.prodlist .item .bild a {
    display: block;
    border: none;
    height: 100%;
    position: relative;
}


.prodlist .item .name,
.prodlist .item-list .name {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.25em;
    height: auto;
    overflow: hidden;
    color: #555555;
    font-weight: bold;
}

.prodlist .item .name {
    margin: 10px 0px 0px 0px;
}

@media screen and (min-width: 480px) {
    .prodlist .item .name {
        height: 80px;
    }
}

.prodlist .item .listCompare input,
.prodlist .item-list .listCompare input,
.prod_info .listCompare input {
    display: none;
}

.prodlist .item .listCompare.off label:hover,
.prodlist .item-list .listCompare.off label:hover,
.prod_info .listCompare.off label:hover {
    cursor: pointer;
    color: #3EA130;
}

.prodlist .item .listCompare.on label:hover,
.prodlist .item-list .listCompare.on label:hover,
.prod_info .listCompare.on label:hover {
    cursor: pointer;
    color: red;
}

.prod_info .listCompare.on,
.prod_info .listCompare.off {
    text-align: right;
}

.prodlist .item .listCompare i,
.prodlist .item-list .listCompare i,
.prod_info .listCompare i {
    position: relative;
    top: 6px;
}


/* Produktliste Liste Grid*/
.listGrid1 {
    position: relative;
    width: auto;
    text-align: left;
    float: none;
    margin-bottom: 15px;
}

.listGrid2 {
    width: auto;
    padding-left: 1.333%;
    text-align: left;
    float: none;
    margin-bottom: 15px;
}

.listGrid3 {
    width: auto;
    padding-left: 1.333%;
    float: none;
}

.listGrid4 {
    width: 280px;
    padding-left: 1.333%;
    text-align: right;
    float: none;
    position: relative;
    margin-top: 20px;
    float: right;
}

.listGrid4 .preis {
    margin-bottom: 10px;
}

.listGrid1 .bild {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .listGrid1 {
        width: 30%;
        text-align: left;
        float: left;
    }

    .listGrid2 {
        width: 66%;
        padding-left: 4%;
        text-align: left;
        float: left;
        margin-bottom: 0;
    }

    .listGrid12::after {
        content: ".";
        clear: both;
        display: block;
        visibility: hidden;
        height: 0px;
        margin-bottom: 30px;
    }

    .listGrid3 {
        width: 50%;
        padding-left: 1.333%;
        float: left;
    }

    .listGrid4 {
        width: 280px;
        padding-left: 1.333%;
        text-align: right;
        float: right;
        margin-top: 0px;
    }

    .listGrid1 .bild {
        text-align: left;
    }
}

@media screen and (min-width: 992px) {
    .listGrid1 {
        width: 16%;
    }

    .listGrid2 {
        width: 31%;
        padding-left: 2.333%;
    }

    .listGrid12::after {
        content: "";
        display: none;
    }

    .listGrid3 {
        width: 20%;
        padding-left: 1.333%;
    }

    .listGrid4 {
        width: 30%;
        padding-left: 1.333%;
        text-align: right;
        float: right;
    }
}

@media screen and (min-width: 1200px) {
    .listGrid1 {
        width: 16%;
        text-align: left;
    }

    .listGrid2 {
        width: 38%;
        padding-left: 2.333%;
        text-align: left;
    }

    .listGrid3 {
        width: 20%;
        padding-left: 1.333%;

    }

    .listGrid4 {
        width: 25%;
        padding-left: 1.333%;
        text-align: right;
    }
}

@media screen and (min-width: 1500px) {
    .listGrid1 {
        width: 16%;
        text-align: left;
    }

    .listGrid2 {
        width: 42%;
        padding-left: 3.333%;
        text-align: left;
    }

    .listGrid3 {
        width: 20%;
        padding-left: 1.333%;
    }

    .listGrid4 {
        width: 20%;
        padding-left: 1.333%;
        text-align: right;
    }
}

/* Produktliste Liste item-list*/
.prodlist .item-list {
    list-style: none;
    width: 100%;
}

.prodlist .item-list .box {
    display: block;
    border-bottom: 1px solid #E3E3E3;
    padding: 40px 0;
}

.item-list .wkBtn {
    display: inline-block;
}

.item-list .wkBtn .btn.btn-primary {
    width: auto;
}

.item-list .produkt_in_cart {
    width: 100%;
    display: inline-block;
}


.popover {
    position: absolute;
    top: 0px;
    left: 0% !important;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    line-break: auto;
}

.popover-content {
    padding: 9px 14px;
}

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}

.popover > .arrow {
    border-width: 5px;
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}

.popover > .arrow:after {
    content: "";
    border-width: 10px;
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 20% !important;
    border-color: transparent;
    border-style: solid;
}

.staffelpreisBtn {
    padding-top: 10px;
    text-align: left;
    color: #3EA130;
}

.staffelpreisBtn i {
    position: relative;
    top: 3px;
    margin-right: 5px;
    color: #3EA130;
}

.staffelpreisBtn:hover,
.staffelpreisBtn:hover i {
    color: #FFDD00;
}

.prodlist .item a .name {
    text-decoration: none;
    display: block;
    font-weight: normal;
}

.productsInfosDelivery {
    margin-top: 10px;
}

.artNr,
.taxInfo,
.shippingLink {
    font-size: 0.875em !important;
    font-weight: normal;
    text-align: left;
}

.deliverytime,
.deliverytimeTwo,
.deliverytime-ordered {
    text-indent: -99999px;
    display: block;

}

.deliverytime {
    background: #007900;
    width: 10px;
    height: 10px;
    border: 1px solid #007900;
    border-radius: 100px;
    cursor: pointer;
    margin: 0 auto;
}

.deliverytime-ordered {
    background: #B71C1C;
    width: 10px;
    height: 10px;
    border: 1px solid #B71C1C;
    border-radius: 100px;
    cursor: pointer;
    margin: 0 auto;
}

.item-list .deliverytime,
.item-list .deliverytime-ordered {
    float: right;
}

.item-list .listGrid3 .deliverytime,
.item-list .listGrid3 .deliverytime-ordered {
    float: left;
    margin-top: 8px;
}

.item-list .deliverytime::after,
.item-list .deliverytime-ordered::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.prodlist .preisInfoExtra,
.item .preisInfoExtra {
    text-align: center;
    padding: 12px 0 0px 0;
}

.item-list .preisInfoExtra {
    padding: 0 0 16px 0;
}

.productPrice {
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.25em;
    height: auto;
    font-weight: bold;
}

.item .productPrice {
    margin-top: 15px;
}

.prodlist .item a:hover .name,
.bundle_quantity .item a:hover .name {
    text-decoration: none;
}

a.detailLink {
    margin-top: 15px;
    color: #3EA130;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

a.detailLink i {
    position: relative;
    top: 4px;
}

.prodlist .box,
.prodlist .box span,
.bundle_quantity .box,
.bundle_quantity .box a,
.bundle_quantity .box span {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: rgba(117, 117, 117, 1);
}

.prodlist .box a.popup_link,
.bundle_quantity .box a.popup_link {
    border-bottom: 1px solid rgba(65, 65, 66, 0.3);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.prodlist .box a.popup_link:hover,
.bundle_quantity .box a.popup_link:hover {
    border-bottom: 1px solid rgba(65, 65, 66, 0.5);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.prodlist .item .preis {
    font-size: 16px;
    font-weight: 600;
    display: block;
    text-align: center;
    /* height: 50px; */
}

/* Wishlist Produktliste neu 17.01.2021 MM */
.prodlist .item .js-Wunschzettel {
    position: relative;
    padding-top: 10px;

}

.prodlist .item .js-Wunschzettel .js-addWishlist.off > .js-klicklink:hover {
    cursor: pointer;
    color: #3EA130;
}

.prodlist .item .js-Wunschzettel .js-addWishlist.on > .js-klicklink:hover {
    cursor: pointer;
    color: red;
}

.prodlist .item .js-Wunschzettel .js-addWishlist i {
    position: relative;
    top: 6px;
}

/* EOF Wishlist */


.productOldPrice {
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: line-through;
    font-size: 0.875em;
}

.preis .mySale {
    font-size: 0.875em;
    font-weight: normal;
    padding-top: 10px;
}

.prodlist .item .vpe,
.bundle_quantity .item .vpe {
    font-size: 11px;
    padding: 1px 0px 0px 0px;
    bottom: 12px;
    text-align: center;
    text-transform: inherit;
}

.item-list .vpe,
.item-list .taxInfo {
    font-size: 0.875em;
}

.prodlist .item a:hover,
.bundle_quantity .item a:hover {
    text-decoration: none;
}

.prodlist .item .deliverytime img,
.bundle_quantity .item .deliverytime img {
    width: 10px;
    height: 10px;
    position: relative;
    width: 48%;
    width: -webkit-calc(50% - 5px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(50% - 5px); /** FF 4-15  **/
    left: calc(50% - 5px);
    display: block;
}

.prodlist .item .staffel {
    height: 80px;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.prodlist .item .staffel:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 55px;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 47%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(47%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 47%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 47%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 47%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 47%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    bottom: 0px;
    left: 0;
}

@media screen and (min-width: 480px) {
    .prodlist .item .staffel:after {
        height: 100px;
    }
}

.prodlist .item .staffel p, .prodlist .item .staffel li {
    font-size: 0.875em;
    list-style: none;
}

.prod_info .restposten {
    color: #3EA130;
    font-weight: bold;
    margin: 16px 0;
    text-align: right;
    line-height: 1.5em;
}

.prodlist .item .staffel .info,
.bundle_quantity .item .staffel .info {

}

.prodlist .item .staffel .info hr,
.bundle_quantity .item .staffel .info hr {

}

.prodlist .item .staffel:hover .info,
.bundle_quantity .item .staffel:hover .info {

}

.prodlist .ranking {
    color: rgba(236, 102, 23, 1) !important;
    position: absolute;
    top: 192px;
    left: 50%;
    width: 100%;
    -moz-transition: translateX(-50%);
    -ms-transition: translateX(-50%);
    -o-transition: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.prodlist .ratingStar {
    text-align: center;
    font-size: 0.9em;
    margin-bottom: 10px;
}

.prodlist .item .box .productInfo {
    width: 100%;
    height: 75px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    margin: 0 auto;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;

}

.prodlist .item .box .productInfo p {
    line-height: 18px;
}

.prodlist .item .box .productInfo::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.prodlist .ratingStar .ratingStarImg {
    float: left;
    position: relative;
    left: 44%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

    -moz-transform: translateZ(0) translateX(-50%);
    -ms-transform: translateZ(0) translateX(-50%);
    -o-transform: translateZ(0) translateX(-50%);
    -webkit-transform: translateZ(0) translateX(-50%);
    transform: translateZ(0) translateX(-50%);

    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.prodlist .ratingStar .ratingStarImg img {
    width: 72px;
    height: 14px;
}

.prodlist .ratingStar .ratingStarImg .star0,
.prodlist .ratingStar .ratingStarImg .star0_5,
.prodlist .ratingStar .ratingStarImg .star1,
.prodlist .ratingStar .ratingStarImg .star1_5,
.prodlist .ratingStar .ratingStarImg .star2,
.prodlist .ratingStar .ratingStarImg .star2_5,
.prodlist .ratingStar .ratingStarImg .star3,
.prodlist .ratingStar .ratingStarImg .star3_5,
.prodlist .ratingStar .ratingStarImg .star4,
.prodlist .ratingStar .ratingStarImg .star4_5,
.prodlist .ratingStar .ratingStarImg .star5 {
    width: 72px;
    height: 14px;
}

.ratingData.star0,
.ratingData .star0_5,
.ratingData .star1,
.ratingData .star1_5,
.ratingData .star2,
.ratingData .star2_5,
.ratingData .star3,
.ratingData .star3_5,
.ratingData .star4,
.ratingData .star4_5,
.ratingData .star5 {
    width: 100px;
    height: 20px;
    margin: 2px 8px 0 0;
}

.starsAll {
    float: left;
    margin: 4px 0 0 16px;
    width: 130px;
    height: 40px;
}

.starsAll .star0,
.starsAll .star0_5,
.starsAll .star1,
.starsAll .star1_5,
.starsAll .star2,
.starsAll .star2_5,
.starsAll .star3,
.starsAll .star3_5,
.starsAll .star4,
.starsAll .star4_5,
.starsAll .star5 {
    width: 130px;
    height: 30px;
}

@media screen and (min-width: 992px) {
    .starsAll {
        margin: 16px 0 0 16px;
        width: 165px;
        height: 45px;
    }

    .starsAll .star0,
    .starsAll .star0_5,
    .starsAll .star1,
    .starsAll .star1_5,
    .starsAll .star2,
    .starsAll .star2_5,
    .starsAll .star3,
    .starsAll .star3_5,
    .starsAll .star4,
    .starsAll .star4_5,
    .starsAll .star5 {
        width: 165px;
        height: 45px;
    }
}

.star0,
.star0_5,
.star1,
.star1_5,
.star2,
.star2_5,
.star3,
.star3_5,
.star4,
.star4_5,
.star5 {
    display: block;
    text-indent: -99999px;
    color: transparent;
}

.star0 {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/stars/star_0.svg) top left no-repeat;
}

.star0_5 {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/stars/star_0_5.svg) top left no-repeat;
}

.star1 {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/stars/star_1.svg) top left no-repeat;
}

.star1_5 {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/stars/star_1_5.svg) top left no-repeat;
}

.star2 {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/stars/star_2.svg) top left no-repeat;
}

.star2_5 {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/stars/star_2_5.svg) top left no-repeat;
}

.star3 {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/stars/star_3.svg) top left no-repeat;
}

.star3_5 {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/stars/star_3_5.svg) top left no-repeat;
}

.star4 {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/stars/star_4.svg) top left no-repeat;
}

.star4_5 {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/stars/star_4_5.svg) top left no-repeat;
}

.star5 {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/stars/star_5.svg) top left no-repeat;
}

.prodlist .ratingStar::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.ratingData li {
    list-style: none;
    margin: 24px 0;
}


/* Störer */
.stoerer {
    background: rgba(65, 65, 66, 0.05);
    margin-bottom: 32px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.stoerer .iconArrowRight {
    margin-top: 12px;
}

.stoererContent .h1 {
    line-height: 26px;
}

.stoererContent {
    width: 100%;
}

.stoerer::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.stoererLeft {
    float: none;
    padding: 10px;
}

.stoererLeft a {
    text-decoration: none;
}

.stoererLeft a {
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.stoererLeft a.iconWhatsapp:hover {
    color: rgba(240, 135, 23, 0.7);
}

.stoererLeft .iconPhone,
.stoererLeft .iconWhatsapp {
    font-size: 1.3em;
    line-height: 1.3em;
}

.stoererLeft a.iconWhatsapp,
.stoererLeft a:hover,
.stoererLeft .iconArrowRight:hover::before,
.stoererLeft .iconPhone:hover::before {
    color: #3EA130;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.stoererRight {
    float: none;
    padding: 0;
}

.stoerer .h1::before {
    color: #c6c6c6;

}

.stoererRight .bild {
    overflow: hidden;
}

.stoererRight .bild img {
    height: auto;
    width: 100%;
    min-width: 100%;
    display: block;
    margin: auto;
}

.stoererRight .bild .imgFix {
    width: 40%;
    position: relative;
    left: 30%;
}

@media screen and (min-width: 768px) {
    .stoererLeft {
        float: none;
        width: auto;
        padding: 20px;
    }

    .stoererRight {
        float: none;
        width: 100%;
        height: auto;
    }

}

@media screen and (min-width: 992px) {
    .stoererLeft {
        float: left;
        width: 30%;
        width: -webkit-calc(35% - 40px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(35% - 40px); /** FF 4-15  **/
        width: calc(35% - 40px);
    }

    .stoererRight {
        float: right;
        width: 65%;
        height: auto;
    }

    .stoererRight .bild .imgVar {
        width: 42%;
    }

    .stoererRight .bild .imgFix {
        width: 48%;
    }
}

@media screen and (min-width: 1200px) {
    .stoererRight {
        height: auto;
    }

    .stoererRight .bild .imgFix {
        width: 40%;
    }
}

/* Bundleliste */
.bundle_quantity .item .box,
.bundleFlex {
    display: block;


    /*
	display: table;
	display: box;
	display: flexbox;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	flex-direction: row;
  		-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	*/
}

.bundleFlex {
    width: 100%;
}

.bundleFlex::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.bundle_quantity .item a .name {
    text-decoration: none;
    font-weight: normal;
    font-size: 0.875em;
    text-align: left;
    display: block;
    width: 100%;
}

.bundle_quantity .bild {
    width: 80px;
    height: auto;
    overflow: hidden;
    margin: 0;
}

.bundle_quantity .bild img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.bundle_quantity .checkbox {
    padding-left: 23px;
    margin-bottom: 0px;
    float: left;
}

.bundleFlex.bundleTxtRating .bundleText {
    width: 90%;
    padding-top: 8px;
    display: table-cell; /* Fallback IE<9 */
    min-width: 1%; /* Fix for Firefox */
    vertical-align: top;
    float: left;
}

@media screen and (min-width: 992px) {
    .bundleFlex.bundleTxtRating .bundleText {
        width: 80%;
    }
}

@media screen and (min-width: 1200px) {
    .bundleFlex.bundleTxtRating .bundleText {
        width: 90%;
    }
}

.bundleText .name a,
.bundleText .name {
    text-align: left !important;
    height: auto;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .bundleText .name a,
    .bundleText .name {
        height: 54px;
        overflow: hidden;
    }
}

.bundle_quantity .item .preis {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
    margin-left: 10px;
    vertical-align: top;
    float: left;
}

.bundle_quantity .ranking {
    color: rgba(236, 102, 23, 1) !important;
    font-size: 0.875em;
    text-align: left;
}

.bundle_quantity .ratingStar {
    text-align: left;
    font-size: 0.825em;
    position: absolute;
    bottom: 14px;
}

@media screen and (min-width: 1200px) {
    .bundle_quantity .ratingStar {

        bottom: 20px;
    }
}

.bundle_quantity .ratingStar .ratingStarImg {
    width: 72px;
    height: 18px;
    overflow: hidden;
    float: left;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.bundle_quantity .ratingStar::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.bundle_quantity .bundleTotalSum .btn.btn-primary {
    padding: 0 10px;
    height: 30px;
    font-size: 1em;
    cursor: pointer;
}

.bundleTotalSum {
    display: block;
    width: 100%;
}

.bundleTotalSum {
    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    align-items: center;
    background: #fff;
    padding: 10px 0;
    margin: 20px 0 0px 0;
    line-height: 40px;
    border-top: 1px solid rgba(65, 65, 66, 0.1);
    border-bottom: 1px solid rgba(65, 65, 66, 0.1);
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.bundleTotalSum p {
    padding-right: 10px;
}

.bundleKaufen {
    padding-top: 17px !important;
}

#bundle_quantity_2::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.bundleKaufen p {
    font-size: 1em;
    text-align: right;

}

.bundleKaufen p + p {
    margin: 0 0 17px 0;
    font-size: 0.775em;
    font-weight: normal;
}

.bundleKaufen .bundleSum {
    font-size: 2.25em;
    line-height: 1em;
    text-align: right;

}

.bundleKaufen .btn.btn-primary {
    padding: 0px 35px;
    width: 100%;
    height: 45px;
    font-size: 1.25em;
    cursor: pointer;
}

.bundleKaufen .bundleSt {
    text-align: right;
    font-size: 0.775em;
    line-height: 1em;
    margin-bottom: 15px;
}

.bundleKaufen .versand a {
    text-decoration: underline;
}

.bundleUvpSum {
    font-size: 0.875em;
    text-decoration: line-through;
    text-align: right;
    display: block;
    line-height: 1em;
    margin-bottom: 10px;
}

/* Konfigurator Banner */
.prodKonfigurator {
    overflow: hidden;
    width: 100%;
}

.prodKonfigurator img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

@media screen and (min-width: 992px) {
    .prodKonfigurator {
        width: 63%;
    }
}

/* PRODLIST FILTER */
.prodlist .tooltip .option {
    font-size: 0.875em;
    bottom: 0px;
    display: block;
    width: 95%;
    width: -webkit-calc(100% - 28px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 28px); /** FF 4-15  **/
    width: calc(100% - 28px);
    text-align: center;
}

@media screen and (min-width: 768px) {
    .prodlist .tooltip .option {

        bottom: 12px;

    }
}

.prodlist .tooltip .option .imgFilterContainer .roundImg {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    width: 12px;
    height: 12px;
    overflow: hidden;
    margin-right: 8px;
}

.prodlist .tooltip .option ul {
    list-style: none;
    margin: 5px 0 10px 0;

    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.prodlist .tooltip .option ul li i {
    border: 1px solid rgba(65, 65, 66, 0.3);
    padding: 0px 6px;
    font-style: normal;
    margin-right: 3px;
    line-height: 0px;
}

.prodlist .tooltip .option ul li .inactive i {
    text-decoration: line-through;
    color: rgba(65, 65, 66, 0.5);
}

.manu_desc {
    margin-top: 15px;
}

.manu_desc .manuImg {
    width: 80%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}

.manu_desc .manuImg img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.manu_desc .manuImg + .manuName {
    display: none;
}

/* FSK in Produktliste */
.fsk-wrapper {
    margin: 10px 0;
}

.fsk-icon {
    width: 40px;
    height: auto;
    margin: 0 auto;
}

.fsk-icon img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

/* PRODUCT DETAIL BUNDLE */

.prodBundles h3,
.prodBundles .h3 {
    margin-bottom: 15px;
}

.bundle_quantity {
    /*display: table;
	display: box;
	display: flexbox;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    display: block;

}

/* ähnliche Artikel */
.prodSimilarFilter a {
    text-decoration: underline;

}


/* Magic Zomm */
#Zoomer {
    width: 100% /*!important*/;
    max-width: 100%;
}

.MagicZoomHeader {
    visibility: hidden !important;
}

.mz-thumb img {
    border: 0;
    box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0) !important;
    box-sizing: border-box;
}

.mz-thumb-selected img {
    -webkit-filter: brightness(95%) !important;
    filter: brightness(95%) !important;
}

.mz-hint-message {
    display: inline-block;
    background: rgba(65, 65, 66, 0.5) !important;
    border-radius: 0em !important;
    padding: 1em 1em;
}

.mz-hint, .mz-loading {
    font-weight: 300;
}

.mz-thumb {
    /*width: 80px;
	height: auto;*/
    margin: 10px;
}

.iconSwipe {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/swipe.svg) top center no-repeat;
    display: block;
    width: 100%;
    text-indent: -9999999px;
    z-index: 101;
    height: 25px;
    position: absolute;
    bottom: 40px;
}

.mz-zoom-window.mz-inner {
    z-index: 299 !important;
}


@media screen and (min-width: 992px) {
    .iconSwipe {
        display: none;
    }
}

.bildDetail.iconFonts::before {
    color: rgba(65, 65, 66, 0.2);
    font-size: 45px !important;
    line-height: 1;
    padding-right: 0px !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bildDetail.iconFonts.iconArrowRight {
    right: 0px;
}

/* Tagesangebot */
.prodlist .tagesangebot .ranking {
    top: 173px;
}

.prodlist .CountdownBox {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 24px;
    font-size: 1em;
    line-height: 1.25em;
    font-weight: bold;
}

.CountdownWrap {
    width: 33%;
    height: 85px;
}

.CountdownWrap.border-right {
    border-right: 1px solid #D8D8D8;
}

.CountdownIcon {
    width: 100%;
    height: 40px;
}

.CountdownTime {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/icon-time.svg) center no-repeat;
}

.CountdownMarker {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/icon-percent.svg) center no-repeat;
}


.CountdownStock {
    padding: 17px 10px 0 10px;
    margin: 0 auto;
}

.CountdownStock .progress {
    overflow: hidden;
    height: 6px;
    background-color: #F2EFEF;
}

.CountdownStock .progress .bar {
    height: 8px;

    background-color: #3EA130;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.CountdownStock .progress.balken_class20 .bar {
    width: 20%;
}

.CountdownStock .progress.balken_class40 .bar {
    width: 40%;
}

.CountdownStock .progress.balken_class60 .bar {
    width: 60%;
}

.CountdownStock .progress.balken_class80 .bar {
    width: 80%;
}

.CountdownStock .progress.balken_class100 .bar {
    width: 100%;
}


.prodlist .item.tagesangebot .box {
    min-height: 682px;
}

.container.liveExpired .row,
.container.liveUpcoming .row {
}

.container.liveExpired ul,
.container.liveUpcoming ul {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.container.liveExpired ul {

}

.container.liveUpcoming ul {
    background: rgba(236, 102, 23, 0.1);
}

.container.liveExpired ul {
    background: rgba(65, 65, 66, 0.05);
}

.container.liveExpired li,
.container.liveUpcoming li {
    width: 96%;
    padding: 50px 2%;
    line-height: 1.75em;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.container.liveUpcoming li {
    width: 95%;
    width: -webkit-calc(100% - 20px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 20px); /** FF 4-15  **/
    width: calc(100% - 20px);
    padding: 50px 20px;
}

@media screen and (min-width: 768px) {
    .container.liveUpcoming li {
        width: 96%;
        padding: 50px 2%;
    }
}

@media screen and (min-width: 992px) {
    .container.liveExpired li,
    .container.liveUpcoming li {
        width: 46%;
    }
}

.container.liveExpired li,
.container.liveUpcoming li {
    border-bottom: #fff 1px solid;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.container.liveExpired li:hover,
.container.liveUpcoming li:hover {
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(165, 165, 166, 0.4);
    -moz-box-shadow: 2px 2px 5px 0px rgba(165, 165, 166, 0.4);
    -ms-box-shadow: 2px 2px 5px 0px rgba(165, 165, 166, 0.4);
    box-shadow: 2px 2px 5px 0px rgba(165, 165, 166, 0.4);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.liveExpiredPrice,
.supersale_list_timer,
.supersale_list_stock, .marker_liveshopping {
    font-weight: 900;
    font-style: italic;
    padding-bottom: 8px;
    text-align: center;
}

.container.liveUpcoming li .liveUpcomingTxt,
.container.liveUpcoming li .supersale_list_timer,
.container.liveUpcoming li .ls-upcoming-img,
.container.liveUpcoming li .liveUpconningInfo {
    float: left;
}

.container.liveUpcoming li::after,
.container.liveUpcoming li .liveUpcomingTxt.last::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.container.liveUpcoming li .ls-upcoming-img .ls-upcoming-img-container {
    overflow: hidden;
    width: 120px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .container.liveUpcoming li .ls-upcoming-img .ls-upcoming-img-container {
        margin-bottom: 0;
    }
}

.container.liveUpcoming li .ls-upcoming-img .ls-upcoming-img-container img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;
}


.container.liveUpcoming li .article {
    margin-top: 15px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.container.liveUpcoming li .article a:hover,
.container.liveUpcoming li .article:hover::before {
    color: rgba(236, 102, 23, 1);
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/* Startseitentext */

/*.startpagetext {
	background: rgba(65,65,66,0.05);
}*/

.startpagetext .container .row {
    text-align: left;
    line-height: 1.5em;
}


.startpagetext .seoLeft,
.startpagetext .seoRight {
    display: block;
    float: none;
    height: auto;
}

.startpagetext .seoLeft {
    padding: 10px;
    width: auto;
}

.startpagetext .seoRight {
    width: auto;
    /* background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/xxxxxxxxxx-geniessen.jpg) center center no-repeat; */
    background-size: cover;
    height: 150px;
    padding-bottom: 20px;
}

.startpagetext .acc_inhalt_text {
    padding: 10px;
    margin-top: 10px;
}

.startpagetext .acc_inhalt_text ul {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 1em;
    margin-bottom: 20px;
}

.startpagetext .acc_inhalt_text li {
    padding-left: 6px;
    text-indent: -8px;
}

.startpagetext .acc_inhalt_text li::before {
    content: '\00b7';
    font-size: 32px;
    top: 6px;
    position: relative;
    left: -10px;
}

@media screen and (min-width: 768px) {
    startpagetext .seoLeft {
        padding: 20px;
        width: auto;
    }

    .startpagetext .seoRight {
        height: 250px;
    }

}

@media screen and (min-width: 992px) {
    .startpagetext .seoLeft,
    .startpagetext .seoRight {

        display: table-cell;
        float: none;
        height: 100%;
    }

    .startpagetext .seoLeft {
        padding: 40px 40px 40px 0;
        width: 45%;
        width: -webkit-calc(50% - 40px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 40px); /** FF 4-15  **/
        width: calc(50% - 40px);
    }

    .startpagetext .seoRight {
        width: 50%;
        padding-bottom: 0px;
    }

    .startpagetext .acc_inhalt_text {
        padding: 10px 0;
    }

}


.startpagetext .acc_inhalt_head {
    padding: 0px;
    margin: 0 0 0px 0;
    display: block;
    height: 100%;
    table-layout: inherit;
}

.startpagetext .acc_inhalt_head::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

@media screen and (min-width: 992px) {
    .startpagetext .acc_inhalt_head {
        display: table;
        height: 100%;
        table-layout: fixed;
    }
}

/* Startseite News */
.bundle_quantity .item,
.bundleKaufen {
    width: auto;
    float: none;
    text-align: left;
    padding: 0px;
    margin-right: 16px;
}

.bundleKaufen {
    padding: 10px 0;
}

@media screen and (min-width: 480px) {
    .bundle_quantity .item {
        width: 48%;
        width: -webkit-calc(50% - 16px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 16px); /** FF 4-15  **/
        width: calc(50% - 16px);
        float: left;
    }

    .bundleKaufen {
        width: 50%;
        margin-right: 0;
        float: left;
        vertical-align: bottom;
        align-self: flex-end;
    }
}

@media screen and (min-width: 992px) {
    .bundle_quantity .item {
        width: 23%;
        width: -webkit-calc(25% - 16px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(25% - 16px); /** FF 4-15  **/
        width: calc(25% - 16px);
        float: left;
    }

    .bundleKaufen {
        width: 25%;
        margin-right: 0;
        float: left;

    }
}

.bundle_quantity .radio {
    position: relative;
    top: 13px;
    left: 50px;
    z-index: 999;
}

input.bundle {
    width: auto;
}

#news_overview {
    /*background: rgba(65,65,66,0.05);*/
}

#news_overview .container .row {
    text-align: left;
    line-height: 1.5em;
}

#news_overview ul {
    list-style: none;
}

#news_overview ul li span {
    display: block;
}

#news_overview ul li .datum {
    margin-top: 25px;
    font-size: 0.875em;
    line-height: 1.75em;
    color: rgba(65, 65, 66, 0.8);
}

#news_overview .newsMoreBtn {
    margin: 16px 0 25px 0;
}

#news_overview .container ul {
    list-style: none;
    padding: 0;
    margin: 0;
    /*
	display: table;
	display: box;
	display: flexbox;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-start;
  	justify-content: flex-start;
	*/
}

#news_overview .container li {
    width: 100%;
    padding: 1em 0;
    position: relative;
    background: #fff;
    border-bottom: #D2D2D2 1px solid;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#news_overview .container li .datum,
#news_overview .container li .newsOverviewName,
#news_overview .container li .newsOverviewHL {
    width: 85%
}

#news_overview .container li .datum {
    font-size: 0.875em;
    line-height: 1.5em;
    color: rgba(65, 65, 66, 0.8);
}

#news_overview .container li .newsOverviewName {
    color: rgba(65, 65, 66, 0.8);
}

#news_overview .container li .newsOverviewHL {
    font-size: 1.25em;
    line-height: 1.5em;
    padding: 10px 0;
    font-style: italic;
    font-weight: bold;
}

#news_overview .container li .newsMoreBtn {
    position: absolute;
    right: 0;
    top: 50%;

}

#news_overview .container li .newsMoreBtn a {
    width: 35px;
    height: 35px;
}

#news_overview .container li .newsMoreBtn a::before {
    font-size: 2em;
    color: #3EA130;
}


#news_overview .container li:hover {
    background: rgba(62, 161, 48, 0.1);

    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


/*.prodlist .item:nth-child(3n+3) {  padding:0 20px 0 0; border-right: 1px solid #f2ede6;  margin:0 20px 20px 0; }
.prodlist .item:nth-child(4n+4) {  margin: 0 0 20px 0; border-right:none; padding:0; }
.prodlist.fourCols .item:nth-child(3n+3) {  padding:0 20px 0 0; border-right: 1px solid #f2ede6;  margin:0 20px 20px 0; }
.prodlist.fourCols .item:nth-child(4n+4) {  margin: 0 0 20px 0; border-right:none; padding:0; }*/


/* Kategorie: Unterkategorien / Top-Kategorien Startseite / Top-Marken Startseite */
/*
.category_list {
	padding: 15px 0 0 0;
}
*/
.categoryImage {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .categoryImage {
        width: 97%;
        width: -webkit-calc(100% - 16px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(100% - 16px); /** FF 4-15  **/
        width: calc(100% - 16px);
    }
}

.categoryImage img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.category_list li.slick-slide {
    list-style: none;
    width: auto;
    margin: 0 10px;
    height: auto;
    float: left;
    position: relative;
    background: rgba(246, 246, 246, 1);
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.category_listText {
    margin-bottom: 15px;
}

.category_listCTA a {
    cursor: pointer;
}

@media screen and (min-width: 480px) {
    .category_list li.slick-slide {
        margin: 0 10px 10px 10px;

    }
}

@media screen and (min-width: 992px) {
    .category_list li.slick-slide {
        margin: 0 10px;
    }
}

@media screen and (min-width: 1200px) {
    .category_list li.slick-slide {


    }
}

/*.category_list li:nth-child(4n+4) {
	margin-right: 0;
}*/
/*
.category_list li.slick-slide:hover {
	background: rgba(227,227,227,1);
	cursor:pointer;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.category_list li.slick-slide:active {
	background: rgba(236,102,23,0.5);
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	transition:all 0.4s linear;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(165,165,166,0.4);
    -moz-box-shadow: 2px 2px 5px 0px rgba(165,165,166,0.4);
    -ms-box-shadow: 2px 2px 5px 0px rgba(165,165,166,0.4);
    box-shadow: 2px 2px 5px 0px rgba(165,165,166,0.4);
}
*/

.category_list li.slick-slide a {
    display: block;
}

.categoryHomeWrap {
    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.category_list li.slick-slide .bild {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
    float: none;
    display: table-cell; /* Fallback IE<9 */
    min-width: 1%; /* Fix for Firefox */
}

.category_list li.slick-slide .bild img {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
}

@media screen and (min-width: 768px) {

    .category_list li.slick-slide .bild img {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .category_list li.slick-slide .bild {
        width: 45%;
    }

    .category_list li.slick-slide .bild img {
        width: 135%;
        max-width: 135%;
    }
}

@media screen and (min-width: 1200px) {
    .category_list li.slick-slide .bild {
        width: 47%;
        display: table-cell; /* Fallback IE<9 */
        min-width: 1%; /* Fix for Firefox */
    }

    .category_list li.slick-slide .bild img {
        width: 100%;
        max-width: 100%;
    }
}


.category_list li.slick-slide .category_listContent {
    font-size: 1em;
    line-height: 1.5em;
    width: auto;
    margin-left: 2%;
    padding: 20px;
    float: none;
}

@media screen and (min-width: 992px) {
    .category_list li.slick-slide .category_listContent {
        font-size: 1em;
        line-height: 1.5em;
        width: 47%;
        margin-left: 2%;
        padding: 20px;
        display: table-cell; /* Fallback IE<9 */
        min-width: 1%; /* Fix for Firefox */
        vertical-align: top;
    }

}

.category_list li.slick-slide .category_listContent::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

/*Filter Accordion */
.accordionContent {
    display: none;
    /*overflow: hidden;*/
    height: auto;
}

.accordionContent.current {
    display: block;
}


/*Brand List  Serviceanleitung */
.serviceanleitungWrapper p + p {
    margin-top: 1.5rem;
}

.brandList {
    padding: 15px 0 0 0;
}

.brandList.serviceanleitungList {
    margin: 16px 0;
}

.brandList li {
    list-style: none;
    float: left;
    background: #fff;
    box-sizing: border-box;
    width: 45%;
    width: -webkit-calc(50% - 12px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(50% - 12px); /** FF 4-15  **/
    width: calc(50% - 12px);
    margin: 0px 16px 16px 0px;
    background: #EDEDED;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.brandList.serviceanleitungList li {
    background: #fff;
}

.brandList.serviceanleitungList li .bild {
    background: #EDEDED;
}

.brandList li:nth-child(2n+2) {
    margin: 0px 0px 16px 0px;
}

.brandList.serviceanleitungList p {
    text-align: center;
    font-size: 0.875em;
}

@media screen and (min-width: 768px) {
    .brandList li {
        width: 30%;
        width: -webkit-calc(33.333% - 12px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(33.333% - 12px); /** FF 4-15  **/
        width: calc(33.333% - 12px);
        margin: 0px 16px 16px 0px;
    }

    .brandList li:nth-child(4n+4),
    .brandList li:nth-child(2n+2) {
        margin: 0px 16px 16px 0px;
    }

    .brandList li:nth-child(3n+3) {
        margin: 0px 0px 16px 0px;
    }
}

@media screen and (min-width: 1500px) {
    .brandList li {
        width: 22%;
        width: -webkit-calc(25% - 12px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(25% - 12px); /** FF 4-15  **/
        width: calc(25% - 12px);
        margin: 0px 16px 16px 0px;

    }

    .brandList li:nth-child(3n+3),
    .brandList li:nth-child(2n+2) {
        margin: 0px 16px 16px 0px;
    }

    .brandList li:nth-child(4n+4) {
        margin: 0px 0px 16px 0px;
    }
}

.brandList li {
    display: block;
}

.brandList.serviceanleitungList .bild {
    height: 110px;
}

.brandList.serviceanleitungList li {
    height: 180px;
}

@media screen and (min-width: 992px) {
    .brandList li,
    .brandList.serviceanleitungList .bild {
        height: 165px;
    }

    .brandList.serviceanleitungList li {
        height: 220px;
    }
}

.brandList li .bild {
    height: 120px;
    width: 100%;
    overflow: hidden;
    display: flex;
}

@media screen and (min-width: 768px) {
    .brandList li .bild {
        width: 235px;
        height: 115px;
    }
}

@media screen and (min-width: 992px) {
    .brandList li .bild,
    .brandList li .name {
        width: 100%;
        height: 100%;
    }
}

.brandList li .bild img {
    width: auto;
    height: auto;
    margin: auto;
    align-self: center;
}

.brandList li .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.brandList li:hover,
.brandList.serviceanleitungList li:hover .bild {
    background: rgba(117, 117, 117, 0.3);
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.brandList.serviceanleitungList li:hover,
.brandList.serviceanleitungList li:hover .bildTxt {
    background: #fff;
}

.brandList::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.brandList.serviceanleitungList .bild.lighten img {
    opacity: 0.8;
    mix-blend-mode: darken;
}


/* Admin - BOX Platzierung */
body.loggedin.admin {
    margin-top: 60px;
}

#box_admin {
    width: 100%;
    height: 60px;
    margin: 0;
    z-index: 99999999999;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #FFF;
    padding: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 10px #ccc;
    -webkit-box-shadow: 2px 2px 10px #ccc;
    box-shadow: 2px 2px 10px #ccc;
    text-align: left;
}

#box_admin li,
#box_admin .content,
#box_admin .head {
    float: left;
}

#box_admin .head {
    display: none;
}

#box_admin li {
    margin: 0 0.15rem;
    list-style: none;
}

#box_admin ul::after,
#box_admin .content::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

#box_admin .head {
    color: #58585a;
    font-size: 10pt;
    font-weight: bold;
    margin: 0 20px 0 0;
    line-height: 30px;
}

#box_admin a.btn_standard {
    padding: 0 5px;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
}

@media screen and (min-width: 768px) {
    #box_admin {
        padding: 10px;
    }

    #box_admin li {
        margin: 0 0.25rem;
    }

    #box_admin a.btn_standard {
        padding: 0 5px;
        font-size: 12px;
        height: 32px;
        line-height: 32px;
    }
}

@media screen and (min-width: 992px) {
    #box_admin {
        padding: 15px;
    }

    #box_admin .head {
        display: block;
        margin: 0 10px 0 0;
        font-size: 14px;
    }

    #box_admin li {
        margin: 0 0.25rem;
    }

    #box_admin a.btn_standard {
        padding: 0 10px;
        font-size: 14px;
    }
}

@media screen and (min-width: 1200px) {
    #box_admin .head {
        margin: 0 20px 0 0;
    }

    #box_admin li {
        margin: 0 1rem;
    }

    #box_admin a.btn_standard {
        padding: 0 25px;
    }
}

/* TEXT-Buttons  */
/*
.btn_standard a,
.btn_standard input { color:#fff; width: 180px; display:block; height: 30px; line-height:30px; padding:0 0 0 0;  font-size:13px; cursor:pointer;background:#797980;border: solid 1px #6d6d73; text-shadow: 1px 1px rgba(0,0,0,.25); text-align:center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.btn_standard a:hover,
.btn_standard input:hover { background:#919199; text-decoration:none;color:#fff;}
*/

/*
.btn_standard_aktion a,
.btn_standard_aktion input { color:#fff; width: 180px; display:block; height: 30px; line-height:30px; padding:0 0 0 0;  font-size:13px; cursor:pointer;background:#4a8bf5;border: solid 1px #3079ed; text-shadow: 1px 1px rgba(0,0,0,.25); text-align:center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.btn_standard_aktion a:hover,
.btn_standard_aktion input:hover { background:#3079ed; text-decoration:none;color:#fff;}
*/


/* Der "Kaufen"-Button bei checkout_confirmation.html */
.btn_checkout a,
.btn_checkout input {
    float: right;
    background: #4a8bf5;
    width: 318px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(142, 141, 141, .35);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.btn_checkout a:hover,
.btn_checkout input:hover {
    background: #3079ed;
    text-decoration: none;
    color: #fff;
}


/* Button fuer Loginbox */
.btn_login input {
    width: 312px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    display: block;
    padding: 0px;
    margin-top: 10px;
    background: #4a8bf5;
    border: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    color: #FFF;
    text-shadow: 1px 1px 1px #3079ed;
    filter: dropshadow(color=#3079ed, offx=1, offy=1);
}

.btn_login input:hover {
    background: #3079ed;
}

/* Login-Box im Rahmenlayout
.box_login{}
.box_login input[type=text], .box_login input[type=password], .box_login input[type=email] {background:#fff;color:#212121;border:1px solid #CCC;line-height:17px;height:17px;width:300px;padding:5px 5px 5px 5px; margin:5px 0;}
.box_login .sub_info{font-size:11px;color:#737373;}
.box_login .sub_info a{font-size:11px;color:#737373;} */

/* Fusszeile sticky */
#fixed_footer {
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 25px;
    right: 15px;
    display: block;
    z-index: 1001;
}

@media screen and (min-width: 768px) {
    #fixed_footer {
        bottom: 40px;
        right: 30px;
    }
}

@media screen and (min-width: 992px) {
    #fixed_footer {
        bottom: 40px;
        right: 40px;
    }
}

/* "Nach oben Scroll"-Button */
.scroll-to-top {
    display: none;
}

@media screen and (min-width: 768px) {

    .scroll-to-top {
        display: none;
        text-decoration: none;
        position: absolute;
        top: 0px;
        right: 0px;
        overflow: hidden;
        color: #3EA130;
        cursor: pointer;
        height: 40px;
        width: 40px;
        background: rgba(255, 255, 255, 0.2);
        border: none;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .scroll-to-top:hover {
        background: rgba(255, 255, 255, 0.4);
        border: none;
        color: #ccc;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .scroll-to-top:hover::before {
        color: #ccc;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .scroll-to-top::before {
        font: normal normal normal 28px/1 'Material Icons';
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        bottom: 4px;
        right: 6px;
        color: #3EA130;
        content: '\e5ce';
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .scroll-to-top.activeTop {
        display: block;
    }
}

/* Cat Menu Left bei Verwendung von nur einem rechten Menü (keine Trennung Top /rechts) */
#CatNavi {
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

#CatNavi ul {
    margin: 0px;
    padding: 0px;
}

#CatNavi li {
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#CatNavi .CatLevel1 a {
    display: block;
    margin: 0px 0px 3px 0px;
    padding: 7px 0px 7px 0px;
    color: #777777;
    font-weight: normal;
    font-size: 18px;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-indent: 0px;
}

#CatNavi .CatLevel1 a:hover {
    text-decoration: none;
    text-indent: 8px;
}

#CatNavi .CatLevel1 ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 0px;
    border-top: #e8e8e8 1px solid;
}

#CatNavi .CatLevel2 ul {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 2px 0px;
    border-top: none;
}

#CatNavi .CatLevel3 ul {
    margin: 0px 0px 0px 0px;
}

#CatNavi .CatLevel4 ul {
    margin: 0px 0px 0px 0px;
}

#CatNavi .CatLevel2 a {
    margin: 0px 0px;
    padding: 5px 0px 4px 10px;
    color: #8b8589;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: #e8e8e8 1px solid;
}

#CatNavi .CatLevel2 a:hover {
    text-decoration: none;
}

#CatNavi .CatLevel3 a {
    padding: 3px 0px 4px 20px;
    margin: 0px 0px;
}

#CatNavi .CatLevel4 a {
    padding: 3px 0px 4px 30px;
    margin: 0px 0px;
}

#CatNavi .CatLevel5 a {
    padding: 3px 0px 4px 40px;
    margin: 0px 0px;
}

#CatNavi .CatLevel1 .Current,
#CatNavi .CatLevel1 .Current:hover,
#CatNavi .CatLevel1 .CurrentParent,
#CatNavi .CatLevel1 .CurrentParent:hover,
#CatNavi .CatLevel2 .Current,
#CatNavi .CatLevel2 .CurrentParent {
    text-decoration: none;
    font-weight: normal;
    text-indent: 0px;
}

#CatNavi .CatLevel1:last-child a {
    border: none;
}

.specials a {
    display: block;
    text-indent: 12px;
    margin: 0px 0px 3px 0px;
    padding: 3px 0px 3px 0px;
    color: #e6174b;
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.specials a:hover {
    text-decoration: none;
    text-indent: 17px;
}

/* Seiteninhalt */

/* Seiteninhalt komplette Breite */

.col_full {
}

/* Seiteninhalt links */
/*
.filterWrap .col_left {
	padding:0px;
	text-indent: 0px;
	background: rgba(255,255,255,1);
    height: 100%;
    margin: 0;
    position: fixed;
    top: 0!important;
    bottom: 0;
    width: 268px;
    display: block;
    left: 0;
    overflow-y: scroll;
    z-index: 1;
	text-align: left;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(-200%, 0, 0);
    -moz-transform: translate3d(-200%, 0, 0);
    -ms-transform: translate3d(-200%, 0, 0);
    -o-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}
.filterWrap .col_left.active {
	padding: 0 16px;
	z-index: 99991;
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}
*/

.infoSite .col_left {
    display: none;
}

@media screen and (min-width: 992px) {
    .infoSite .col_left {
        display: block;
    }
}

.infoSite .col_left,
.customerService .col_left {
    text-align: left;
}


.infoSite .col_left ul,
.customerService .col_left ul {
    list-style: none;

    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: wrap row;
    flex-flow: wrap row;

    margin: 20px 0 30px 0;;

}

.infoSite .col_left li,
.customerService .col_left li {
    width: 48%;
    width: -webkit-calc(50% - 7px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(50% - 7px); /** FF 4-15  **/
    width: calc(50% - 7px);
    line-height: 1.25em;
    min-height: 35px;

}

.infoSite .col_left li a,
.customerService .col_left li a {
    display: block;
    font-size: 14px;
}

.infoSite .col_left li.current a,
.customerService .col_left li.current a {
    color: #3EA130;
}

.infoSite .col_right h1,
.infoSite .col_right h2,
.infoSite .col_right h3,
.infoSite .col_right h4,
.infoSite .col_right h5,
.infoSite .col_right h6,
.customerService .col_right h1,
.customerService .col_right h2,
.customerService .col_right h3,
.customerService .col_right h4,
.customerService .col_right h5,
.customerService .col_right h6,
.infoSite .col_right .h1,
.infoSite .col_right .h2,
.infoSite .col_right .h3,
.infoSite .col_right .h4,
.infoSite .col_right .h5,
.infoSite .col_right .h6,
.customerService .col_right .h1,
.customerService .col_right .h2,
.customerService .col_right .h3,
.customerService .col_right .h4,
.customerService .col_right .h5,
.customerService .col_right .h6 {
    margin-bottom: 0.5em;
}

.infoSite .col_left h3,
.customerService .col_left h3,
.customerService .col_left .h3 {
    font-size: 16px;
    margin-bottom: 0.25em;
}


@media screen and (min-width: 768px) {
    .infoSite .col_left li,
    .customerService .col_left li {
        width: 30%;
        width: -webkit-calc(33.332% - 7px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(33.332% - 7px); /** FF 4-15  **/
        width: calc(33.332% - 7px);
        min-height: 35px;
    }
}

@media screen and (min-width: 992px) {
    .infoSite .col_left,
    .customerService .col_left {
        width: 200px;
        float: left;
        padding-top: 0px;
        padding-right: 16px;
        text-align: left;
        height: auto;
        margin: 10px 0 0 0;
        position: relative;
        top: auto;
        bottom: auto;
        display: block;
        left: 0px;
        overflow-y: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: translate3d(0, 0, 0);
        transform: none;
    }

    /*
	.filterWrap .col_left {
		width:calc(100% - 40px);
		padding: 5px;
		background: rgba(65,65,66,0.05);
		text-align: left;
		height: auto;
    	margin: 0;
    	position: relative;
    	top: auto;
    	bottom: auto;
		display: block;
		left: 0px;
		z-index: 201;
		overflow-y: inherit;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: translate3d(0, 0, 0);
		transform: none;


		display: table;
		display: box;
		display: flexbox;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		flex-direction: row;
			-webkit-flex-wrap: wrap;
   	 	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
		justify-content: flex-start;
		align-content: flex-start;
		align-items: flex-start;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
	}
	*/
    .infoSite .col_left ul,
    .customerService .col_left ul {
        display: block;
        margin: 0;

    }

    .infoSite .col_left li,
    .customerService .col_left li {
        width: auto;
        padding: 0px;
        min-height: auto;
        box-shadow: none;
        padding-left: 0px;
        line-height: 1.75em;
    }

}

@media screen and (min-width: 1200px) {
    .infoSite .col_left,
    .customerService .col_left {
        width: 200px;
    }
}

.filter.boxsubCategories .boxheader::before {
    padding-left: 4px;
    padding-right: 8px;
}

.content_page {
    line-height: 1.5em;
}

.customerService .highlightbox {
    border: 1px solid rgba(65, 65, 66, 0.08);
    padding: 20px;
    background: transparent;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

.customerService fieldset.highlightbox {
    border: 0px;
    padding: 0;
}

.customerService .highlightbox + .highlightbox {
    margin-top: 25px;
}

.customerService .highlightbox p {
    margin-bottom: 0.75em;
}

.customerService .highlightbox li {
    list-style: none;
    line-height: 1.75em;
}

.customerService .highlightbox li a:hover {
    color: #3EA130;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

.history ul {
    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
}

.history ul ::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.history ul li {
    list-style: none;
    width: 43%;
    margin: 0 2% 2% 0;
    padding: 1% 1% 16px 1%;
}

@media screen and (min-width: 768px) {
    .history ul li {
        width: 13%;
        float: left;
    }
}

.history ul li:nth-child(6n+6) {
    margin: 0 0 2% 0;
}

.history ul li img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.history ul li .name {
    padding-top: 10px;
    overflow: hidden;
    line-height: 16px;
    font-size: 13px;
    text-align: center;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.history ul li a::before {
    content: '';
    margin: 0;
    padding: 0;
}

.yourOrdersWrap {
    padding-bottom: 40px !important;
}

.yourOrders,
.yourBonus li,
.yourKupon li {
    border-top: 1px solid rgba(65, 65, 66, 0.08);
    padding: 10px 8px;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.yourOrders:hover,
.yourBonus li:hover,
.yourKupon li:hover {
    background: rgba(65, 65, 66, 0.08);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.yourOrdersLeft {
    float: left;
}

.yourOrdersRight {
    float: right;
}

.yourOrdersWrap a.btnAllOrders {
    position: relative;
    top: 15px;
}

/* Kundenkonto */
.AccountNav {
    background: rgba(62, 161, 48, 0.3);
    padding: 20px;
    margin-bottom: 0px;
}

.AccountNav li {
    list-style: none;
    float: none;
    padding-right: 20px;
    font-family: 'Oswald', Helvetica Neue, Helvetica, Arial, "sans-serif";
    text-transform: uppercase;
    font-size: 0.875em;
}

.AccountNav a {
    font-style: italic;
    font-weight: bold;
}

@media screen and (min-width: 480px) {
    .AccountNav li {
        float: left;
    }

    .AccountNav {
        margin-bottom: 20px;
    }
}

.AccountNav ul:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


/* Ihre Bestellungen */
.acc_history ul,
.accountHistoryInfo,
.accountAdressbookCurrent {
    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    align-items: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;

    display: block;
}

.acc_history ul::after,
.accountAdressbookCurrent::after,
.highlightboxInfo::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.acc_history ul li,
.highlightboxInfo {
    list-style: none;
    width: 95%;
    width: -webkit-calc(100% - 18px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 18px); /** FF 4-15  **/
    width: calc(100% - 18px);
    margin: 0 0px 16px 0;
    border: 1px solid rgba(65, 65, 66, 0.08);
    padding: 10px 8px;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/*
@media screen and (min-width: 768px) {
	.acc_history ul li,
	.highlightboxInfo{
		width: 47%;
		width: -webkit-calc(50% - 26px);
		width: -moz-calc(50% - 26px);
		width:calc(50% - 26px);
		margin-right: 16px;
		}

	.acc_history ul li:nth-child(2n+0),
	.highlightboxInfo:nth-child(2n+0) {
		margin-right: 0px;

	}
	.acc_history ul li,
	.highlightboxInfo{
		float: left;
		display: block;
	}
}
*/

.highlightboxInfo {
    position: relative;
}


.acc_history ul li img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.acc_history ul li p {
    margin-bottom: 15px;
}

.acc_history ul li .name {
    height: 28px;
    text-align: center;
    overflow: hidden;
    line-height: 15px;
    font-size: 12px;
}

.iconButtons {
    position: absolute;
    top: 16px;
    right: 8px;
}

/* Gewerbenachweis */
#create_account_upload {
    background: rgba(62, 161, 48, 0.2);
    padding: 20px;
}

#create_account_upload legend {
    margin-bottom: 0;
}

#create_account_upload input {
    margin-bottom: 10px;
}

.linkList li {
    list-style: none;
}


/*Filter Seiteninhalt links*/
/*Toggler*/
/*
.togglerFilter.passivNav {
	display: none;
	    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

	-webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.togglerFilter {
	display: block;
	text-decoration: none;
    position: fixed;
	top: 50%;
    left: -37px;
    overflow: hidden;
	z-index: 9999;
    color: #fff;
    cursor: pointer;
    height: 30px;
    width: 100px;
    background: rgba(65,65,66,0.7);
    border: rgba(65,65,66,0.85) 1px solid;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

	-webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;

}
.togglerFilter::before{
	content: 'Filter';
	display: block;
  	font-size: 16px;
	line-height: 30px;
  	text-rendering: auto;
	text-align: center;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}
.togglerFilter:hover{
background: rgba(65,65,66,0.9);
    border: rgba(117,117,117,1) 1px solid;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/*
.togglerFilter {
	display: block;
	text-decoration: none;
    position: fixed;
    bottom: 20px;
    left: 15px;
    overflow: hidden;
    border-radius: 100%;
	z-index: 9999;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    color: #fff;
    cursor: pointer;
    height: 50px;
    width: 50px;
    background: #3EA130;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.3);
    -ms-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.3);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.togglerFilter {
	color: #fff;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    display: block;
    box-sizing: border-box;
    padding: 0px;
	text-indent: 4px;
}
*/
/*
@media screen and (min-width: 768px) {
	.togglerFilter {
		display: none;
	}
}
*/

.productFilterWrapper::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.productFilterWrapper {
    margin-bottom: 20px;
    width: auto;
    position: relative;
    /*margin-top: -7px;*/
}

.productFilterWrapper .filterHl,
.SearchHeader h2 {
    padding: 10px 10px 0 10px;
}

.productFilterWrapper .list_dropdown,
.SearchHeader .list_dropdown {
    float: none;
}

/* Nur Firefox */
@-moz-document url-prefix() {
    .productFilterWrapper .list_dropdown select,
    .SearchHeader .list_dropdown select {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}


/*

.productFilterWrapper .accordionContent,
.productFilterWrapper .accordionContent.current{
	position: fixed;
    top: 0;
    bottom: 0;
    width: 280px;
    display: block;
    left: -280px;
	background: rgba(255,255,255,1);
    overflow-y: scroll;
	-webkit-overflow-scrolling: touch;


	-moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);

  -moz-transform: translateZ(0) translateX(0);
  -ms-transform: translateZ(0) translateX(0);
  -o-transform: translateZ(0) translateX(0);
  -webkit-transform: translateZ(0) translateX(0);
  transform: translateZ(0) translateX(0);

  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);


    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;

}
*/

/*
.productFilterWrapper .accordionContent {
	z-index: 99999;
}
@media screen and (min-width: 768px) {
	.productFilterWrapper .accordionContent {
 z-index: 1;
	}
	.productFilterWrapper .accordionContent, .productFilterWrapper .accordionContent.current {
		overflow-y: hidden;
	}
}

 .accordionContent.activeNav,
.productFilterWrapper .accordionContent.current.activeNav{



	-moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);

  -moz-transform: translateZ(0) translateX(100%);
  -ms-transform: translateZ(0) translateX(100%);
  -o-transform: translateZ(0) translateX(100%);
  -webkit-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);

  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);


    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;

	  overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}


   .productFilterWrapper .accordionContent.activeNav.android {
	left: 0px;

	-moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0%);
  transform: translateX(0);

  -moz-transform: translateZ(0) translateX(0);
  -ms-transform: translateZ(0) translateX(0);
  -o-transform: translateZ(0) translateX(0);
  -webkit-transform: translateZ(0) translateX(0);
	-webkit-transform: translate(0, 0);
  transform: translateZ(0) translateX(0);

  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}






.accordionContent #productFilter {
	padding: 0px;
    text-indent: 0px;
    background: rgba(255,255,255,1);
    height: auto;
    margin: 0;
    top: 0!important;
    bottom: 0;
    width: 240px;
    display: block;
    left: 0;
    z-index: 1;
    text-align: left;
    -webkit-transform: translate3d(-200%, 0, 0);
    -moz-transform: translate3d(-200%, 0, 0);
    -ms-transform: translate3d(-200%, 0, 0);
    -o-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.accordionContent.activeNav #productFilter {
    padding: 20px 16px 0px 16px;
    z-index: 99991;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}


@media screen and (min-width: 768px) {
	.productFilterWrapper .accordionContent {
		display: none;
		width: 100%;
		position: initial;

	}

	.productFilterWrapper .accordionContent.current {
		display: block;
		width: 100%;
		height: auto;
		position: relative;
		overflow: hidden;
		left: 0;
	}



}

*/


.productFilterWrapper .list_dropdown,
.SearchHeader .list_dropdown {
    text-align: left;
}

.productFilterWrapper .list_dropdown select,
.SearchHeader .list_dropdown select {
    width: auto;
}

.fr.SearchHeader {
    float: none;
}

/*
@media screen and (min-width: 768px) {
	.accordionContent.activeNav #productFilter {
    	z-index: 0;
	}


	.productFilterWrapper .list_dropdown,
	.SearchHeader .list_dropdown {
		text-align: right;
		float: right;
	}

	.accordionContent #productFilter {
		padding: 10px 0;
		background: #fff;
		width: 100%;



    height: auto;
    margin: 0;
    position: relative;
    top: auto;
    bottom: auto;
    display: block;
    left: 0px;
    overflow-y: inherit;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: translate3d(0, 0, 0);
    transform: none;





	}
}
*/
#productFilter::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.productFilterWrapper .accordionContent {
    background: #F2EFEF;
}

#productFilter {
    padding: 10px;

}

@media screen and (min-width: 992px) {
    #productFilter {
        padding: 5px 0 0 10px;

    }

}

#productFilter .filterOption {
    float: none;
    width: auto;
    font-size: 1em;
}

.productFilterHead {
    text-align: center;
    padding-bottom: 0px;
    display: block;

}

.productFilterHead p {
    background: #F2EFEF;
    padding: 2px 0px 2px 10px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    font-size: 1.375em;
    line-height: 1.375em;
}

.productFilterHead p:hover {
    cursor: pointer;
}

.productFilterHead p span {
    position: relative;
    top: 3px;
}

@media screen and (min-width: 480px) {
    #productFilter .filterOption {
        float: left;
        width: 45%;
        width: -webkit-calc(50% - 12px);
        width: -moz-calc(50% - 12px);
        width: calc(50% - 12px);
        margin: 0 16px 16px 0 !important;
    }

    #productFilter .filterOption:nth-child(2n) {
        margin: 0 0px 16px 0 !important;
    }
}

@media screen and (min-width: 768px) {

    #productFilter .filterOption {
        float: left;
        margin: 0 16px 16px 0;
        width: 30%;
        width: -webkit-calc(33% - 9px);
        width: -moz-calc(33% - 9px);
        width: calc(33% - 9px);

    }

    #productFilter .filterOption:nth-child(2n) {
        margin: 0 16px 16px 0 !important;
    }

    #productFilter .filterOption:nth-child(3n) {
        margin: 0 0px 16px 0 !important;
    }
}

@media screen and (min-width: 1200px) {
    #productFilter .filterOption {
        font-size: 1em;
        width: 15%;
        width: -webkit-calc(20% - 16px);
        width: -moz-calc(20% - 16px);
        width: calc(20% - 16px);
        margin: 0 16px 16px 0 !important;
    }

    #productFilter .filterOption:nth-child(2n),
    #productFilter .filterOption:nth-child(3n) {
        margin: 0 16px 16px 0 !important;
    }

}


/*Filter Sticky*/

.filter-fixed-top {
    position: fixed !important;
    z-index: 1030;
    top: 115px;
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: -15px;
}


@media screen and (min-width: 768px) {
    .filter-fixed-top {
        top: 0px;
        width: 738px !important;
        text-align: center;

    }
}


@media screen and (min-width: 992px) {
    .filter-fixed-top {
        width: 970px !important;
        margin: 0 auto;

    }
}


@media screen and (min-width: 1200px) {
    .filter-fixed-top {
        width: 1170px !important;
    }
}

@media screen and (min-width: 1500px) {
    .filter-fixed-top {
        width: 1410px !important;

    }
}


/* Filter DropDown */
ul#productFilter {
    list-style: none;
    padding-inline-start: 0px;
    margin-block-start: 1em;
}

.filterOption {
    position: relative;
}

#productFilter .dropdown-menu {
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 1000;
    /*display: block;*/
    float: none;
    width: 100%;
    padding: 10px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #3EA130;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: auto;
    max-height: 280px;
    overflow-x: hidden;
}

#productFilter .dropdown-menu a {
    color: #fff;
}

#productFilter .dropdown-menu a:hover {
    color: #28661F;
}

@media screen and (min-width: 480px) {
    #productFilter .dropdown-menu {

    }
}

@media screen and (min-width: 768px) {
    #productFilter .dropdown-menu {
        top: 45px;
    }
}


.filterOption.filter > button,
.filterOption.filterYesNo a {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .20);
    width: 100%;
    display: block;
    position: relative;
    margin: 10px 0;
    background: #F2EFEF;
    text-align: left;
    font-style: italic;
    color: #555555;
}

.filterOption.filter > button:hover,
.filterOption.filterYesNo a:hover {
    border: #555555 1px solid;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.filterOption.filter.open > button {
    background: #3EA130;
    color: #fff;
}

@media screen and (min-width: 480px) {
    .filterOption.filter > button,
    .filterOption.filterYesNo a {
        width: 100%;
    }
}

.filterYesNo {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0px solid rgba(0, 0, 0, .20);
    width: 100%;
    display: block;
    position: relative;
    margin: 20px 0 10px 0;
    background: #F2EFEF;
    text-align: left;
    font-style: italic;
    color: #555555;
    top: 0px;
}

.filterOption.filterYesNo a {
    padding: 9px 10px;
}

.filterOption.filter > button > i {
    position: absolute;
    right: 0;
    top: 5px;
}

.filterOption > a {
    /*padding-left: 30px!important;*/
    margin-top: 10px;
}

.filterOption > a > i {
    /*position: absolute;
	left: 8px;
	top: 8px;*/
    font-size: 16px;
}

li.filter-inactive i,
li.filter-active i {
    font-size: 16px;
}


#productFilter .filterOpened .dropdown-menu {
    position: relative;
    top: -11px;
    width: 100%;
}

#productFilter .dropdown-menu::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
}

#productFilter .dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #28661F;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .75);
}

#productFilter .dropdown-menu li a {
    font-size: 0.875em;
    line-height: 2em;
    display: block;
}

.filterOpened .current.dropdown-menu {
    display: block;
    padding: 5px !important;
    background-color: #3EA130 !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.filterOpened .current.dropdown-menu a {
    color: #fff;
}

/*
.filterOpened .current.dropdown-menu:hover {
	background-color: #28661F!important;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

*/


/*
.productFilterHead:hover {
	cursor: pointer;
	color: #3EA130;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
*/


/*
.productFilterHead.current {
	color: #3EA130;
	padding-bottom: 15px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
*/

.filterOption.filter {
    color: rgba(165, 165, 166, 1);
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    text-align: left;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.filter .boxheaderNoacc,
.filterWrap a.filter_sale_off,
.filterWrap a.filter_sale_on,
.filterWrap a.filter_new_off,
.filterWrap a.filter_new_on {
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    text-align: left;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.filter .boxheaderNoacc {
    margin-left: 16px;
    cursor: default;
}

.filterWrap a.filter_sale_off:hover,
.filterWrap a.filter_sale_on:hover,
.filterWrap a.filter_new_off:hover,
.filterWrap a.filter_new_on:hover,
.infoSite .submenu_left a:hover {
    color: #3EA130;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.submenu_left a.current {
    color: #3EA130;
}

.col_left .submenu_left ul {
    margin-bottom: 25px;
}

.col_left .submenu_left .head,
.col_left .submenu_left .content_head {
    margin-bottom: 5px;
}

.filterWrap a.filter_sale_off,
.filterWrap a.filter_sale_on,
.filterWrap a.filter_new_off,
.filterWrap a.filter_new_on {
    display: block;
}

.filter select {
    font-size: 14px;
    margin-top: 5px;
}

.filter .content {
    width: auto;
    height: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.filter .content strong {
    font-weight: normal;
    color: #3EA130;
    font-size: 1em;
}

.filter .accordionContent.current {
    height: auto;
    display: block;
}

.filter .accordionContent ul,
.filter .content ul {
    list-style: none;
    font-size: 16px;
}

@media screen and (min-width: 992px) {
    ul#SubNavi {
        padding: 20px;

        display: table; /* Fallback IE<9 */
        display: box;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    ul#SubNavi li {
        width: 100%;
    }

}

.filter ul#SubNavi li.CatLevel1,
.productFilterWrapper .filter ul li {
    line-height: 1.3em;
    font-size: 16px;
}

.filter ul#SubNavi li.CatLevel2 {
    text-indent: 6px;
}

.filter ul#SubNavi li a {
    display: block;
    padding: 3px;
    width: 100%;
}

.filter ul#SubNavi li:last-child {
    margin-bottom: 45px;
}

.filter #SubNavi a.Current {
    text-decoration: underline;
}

.filter #SubNavi a.Current::before {
    color: #3EA130;
    text-decoration: none;
}

.filter ul li img {
    padding-right: 6px;
    margin-bottom: -2px;
}

.filter.boxWeblinks .content a {
    font-size: 14px;
    display: block;
    line-height: 1.75em;
}

.filter a:hover {
    color: #3EA130;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

.filter .filter-text {
    top: -3px;
    position: relative;
    font-size: 1em;
}

@media screen and (min-width: 768px) {
    .productFilterWrapper .filter .filter-text {
        font-size: 0.775em;
    }
}

@media screen and (min-width: 992px) {
    .productFilterWrapper .filter .filter-text {
        font-size: 1em;
    }
}

.mainNav .filter .filter-text {
    top: -3px;

}

/* Filter Farbe */
/*
.filterWrap .optioncontent_farbe ul {
	list-style: none;
	padding: 10px 0px;
}
.filterWrap .optioncontent_farbe li a,
.filterWrap .optioncontent_farbe li {
	display: block;
}
.filterWrap .optioncontent_farbe li {
	margin: 8px 0;
	position: relative;
}
.optioncontent_farbe .filter_image,
.filterWrap .optioncontent_farbe .tooltip_farbe {
	float: left;
}
.optioncontent_farbe .filter_image {
	border-radius: 50%;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
	width: 15px;
	height: 15px;
	overflow: hidden;
	margin-right: 7px;
	margin-top: 0px;
	position: relative;
}
.optioncontent_farbe .filter_image img {
	position: absolute;

}
.filter_image img {
	width: 46px;
	height: 27px;
}
*/
/*
.filterWrap .optioncontent_farbe li.filter-active::before {
	content: '';
   	display: block;
   	width: 19px;
   	height: 19px;
   	-moz-border-radius: 50%;
   	-webkit-border-radius: 50%;
   	border-radius: 50%;
   	border: 2px solid rgba(65,65,66,0.5);
	position: absolute;
	top: 1px;
    left: -4px;
}
*/

/*
.filterWrap .optioncontent_farbe li.filter-active .filter-text {
	border-bottom: 1px solid rgba(65,65,66,0.5);
}

.filterWrap .optioncontent_farbe .tooltip_farbe .name {
	display: none;
}
.filterWrap .optioncontent_farbe .tooltip_farbe {
	line-height: 1em;
}

.filterWrap .optioncontent_farbe li::after {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
*/
/* Filter Bestseller */
/*
.boxBeststeller .accordionContent dt {
	width: 50%;
	background: #fff;
	text-align: center;
}
.boxBeststeller .accordionContent img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}
.boxBeststeller .accordionContent dl {
	margin-bottom: 40px;
}
.boxBeststeller .accordionContent {
	font-size: 14px;
}
.boxBeststeller .accordionContent h3,
.boxBeststeller .accordionContent .h3{
	font-size: 1.125em;
	color: #3EA130
}
*/
/* Filter Hotelsuche */
/*
.boxSearchhotel .accordionContent {
	font-size: 14px;
}
.boxSearchhotel fieldset {
	border: none;
	background: rgba(65,65,66,0.05);
	padding: 0 5px 20px 5px;
}
.boxSearchhotel label {
    margin: 8px 0 2px 0;
    padding-left: 1px;
}
.boxSearchhotel .btn.btn-primary {
	margin-top: 15px;
	position: relative;
	right: -50%;
}
.boxSearchhotel .accordionContent a {
	display: block;
	margin: 5px 0 5px 6px;
}
*/
/* Filter Top Bewertet */
.boxRdfReviewAggregate .content {
    font-size: 14px;
    line-height: 20px;
}


/* Filter Größen */
/*
#content #productFilter .optioncontent{
}
#content #productFilter .optioncontent ul{
	list-style: none;
	padding: 10px 0;

}


#content #productFilter .optioncontent a{
	font-size: 1em;
	line-height: 1.25em;
	padding:4px 8px;
	display:block;
	margin: 0 8px 8px 0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
#content #productFilter .optioncontent ul li a:hover{
	text-decoration:none;
}

#content #productFilter .optioncontent .filter-active a,
#content #productFilter .optioncontent .filter-active a:hover{
	text-decoration: underline;
}
.filter .filter-active a::before,
.filter .filter-active .filter-text::before{
	color: #3EA130;
	text-decoration: none;
}


#content #productFilter .optioncontent .tooltip {
	display: none;
}
*/
a.filter_sale_on::before,
a.filter_new_on::before {
    color: rgba(65, 65, 66, 0.8) !important;
}

a.filter_sale_off,
a.filter_new_off {
    color: #fff !important;
    background: #3EA130 !important;
}

#content #productFilter .optioncontent_liste {
}

#content #productFilter .optioncontent_liste ul {
    margin: 0px;
    padding: 10px 0;
    height: auto;
    overflow-x: hidden;
    overflow-y: visible;
}

#content #productFilter .optioncontent_liste ul li {
    list-style: none;
    margin: 0px 0px 2px 0px;
}

#content #productFilter .optioncontent_liste ul li a {
    font-size: 1em;
    line-height: 1.3em;
    padding: 3px;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media screen and (min-width: 768px) {
    #content #productFilter .optioncontent_liste ul li a {
        font-size: 0.775em;
        line-height: 1em;
    }
}

@media screen and (min-width: 992px) {
    #content #productFilter .optioncontent_liste ul li a {
        font-size: 1em;
        line-height: 1.2em;
    }
}

#content #productFilter .optioncontent_liste ul li a:hover {
    color: #3EA130;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
}

#content #productFilter .optioncontent_liste ul li.filter-active a {
    text-decoration: underline;
}

/* Filter Reset Button */
.filter-reset {
    text-align: left;
}

.filter-reset a {
    padding: 0 0 10px 10px;
    display: inline-block;
    font-size: 1em;
    color: #3EA130;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.filter-reset a:hover {
    color: rgba(117, 117, 117, 1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.filter-reset i {
    font-size: 16px;
}


/* Search Result */
.resultCat, .resultContent {
    margin: 20px 0;
}

.resultCat li,
.resultContent li {
    list-style: none;
}

.resultCat ul li,
.cat_search_box ul li {
    float: none;
    width: auto;
}

.resultCat ul::after,
.cat_search_box ul::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

@media screen and (min-width: 768px) {
    .resultCat ul li,
    .cat_search_box ul li {
        float: left;
        width: 50%;
        text-align: left;
    }
}

@media screen and (min-width: 992px) {
    .resultCat ul li,
    .cat_search_box ul li {
        float: left;
        width: 33%;
    }
}

@media screen and (min-width: 1200px) {
    .resultCat ul li,
    .cat_search_box ul li {
        float: left;
        width: 25%;
    }
}

.searchOr {
    margin-top: 8px;
}

ul.SearchMessageHints.errorMessageHints li {
    float: left;
    padding: 0px;
    /*background: rgba(65,65,66,0.05);*/
    margin-right: 10px;
}

ul.SearchMessageHints.errorMessageHints::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

ul.SearchMessageHints.errorMessageHints li a:hover {
    color: #3EA130;
}


/*  Filter Sticky*/
@media screen and (min-width: 1200px) {
    .filterWrap .col_left.sticky {
        float: none;
        left: auto;
        position: fixed;
        top: 50px;
        z-index: 6;
        width: 290px;
    }
}

/* Seiteninhalt rechts */
.col_right {
    text-align: left;
}

@media screen and (min-width: 992px) {
    .col_right {
        width: 744px;
        float: right;
        padding-left: 10px;
    }

    .filterWrap .col_right {
        width: 100%;
        float: none;
        padding-left: 0;
    }
}

@media screen and (min-width: 1200px) {
    .col_right {
        width: 920px;
    }

    .filterWrap .col_right {
        width: 100%;
    }
}

/* Top Produkte auf Kategorie */
.filterWrap .col_right .prodlist.itemscroller.slick-initialized.slick-slider {
    border-bottom: 1px solid rgba(65, 65, 66, 0.1);
}

/* Kategorie: für Unterseite */

.col_right .category_list_plain {
    margin: 0 0 50px 0;
    padding: 0;
}

ul.category_list_plain {
    margin-top: 25px;
    /*
	display: table;
	display: box;
	display: flexbox;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: space-between;
  	justify-content: fspace-between;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	*/
}


.category_list_plain li {
    float: left;
    text-align: left;
    line-height: 1.5em;
    float: left;
    list-style: none;
    margin: 0 16px 16px 0;
    width: 45%;
    width: -webkit-calc(50% - 12px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(50% - 12px); /** FF 4-15  **/
    width: calc(50% - 12px);
    height: auto;
    position: relative;
    /*background: #3EA130;*/
    border: 1px solid #D8D8D8;


    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.category_list_plain li:nth-child(2n) {
    margin: 0 0px 16px 0;
}


@media screen and (min-width: 768px) {
    .category_list_plain li {
        margin: 0 16px 16px 0;
        width: 30%;
        width: -webkit-calc(33% - 9px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(33% - 9px); /** FF 4-15  **/
        width: calc(33% - 9px);
        height: auto;
    }

    .category_list_plain li:nth-child(2n) {
        margin: 0 16px 16px 0;
    }

    .category_list_plain li:nth-child(3n) {
        margin: 0 0px 16px 0;
    }
}

@media screen and (min-width: 992px) {
    .category_list_plain li {
        margin: 0 16px 16px 0;
        width: 30%;
        width: -webkit-calc(33% - 7px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(33% - 8px); /** FF 4-15  **/
        width: calc(33% - 8px);
        height: auto;
    }
}

@media screen and (min-width: 1500px) {
    .category_list_plain li {
        margin: 0 16px 16px 0;
        width: 20%;
        width: -webkit-calc(25% - 12px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(25% - 12px); /** FF 4-15  **/
        width: calc(25% - 12px);
        height: auto;
    }

    .category_list_plain li:nth-child(2n) {
        margin: 0 16px 16px 0;
    }

    .category_list_plain li:nth-child(3n) {
        margin: 0 16px 16px 0;
    }

    .category_list_plain li:nth-child(4n) {
        margin: 0 0px 16px 0;
    }
}

.category_list_plain .name p {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #555;
    /*color: #3EA130;*/
    font-size: 0.875em;
    line-height: 1.25em;
    font-style: italic;
    font-weight: bold;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 95%;
}

@media screen and (min-width: 992px) {
    .category_list_plain .name p {
        font-size: 1em;
        line-height: 1em;
    }
}

.category_list_plain li .bild {
    /*height: 120px;*/
    height: 80px;
    overflow: hidden;
    opacity: 0.7;
    mix-blend-mode: lighten;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

@media screen and (min-width: 768px) {
    .category_list_plain li .bild {
        /*height: 115px;*/
        height: 80px;
    }
}

@media screen and (min-width: 992px) {
    .category_list_plain li .bild {
        /*height: 165px;*/
        height: 80px;
    }
}


.category_list_plain li:hover,
.category_list_plain li:active {
    color: #fff;
    background: #3EA130;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.category_list_plain li:hover p,
.category_list_plain li:active p {
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


.category_list_plain li a {
    display: block;
}


.category_list_plain li .bild img {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
}


/* Artikelliste Listendropdown Sortierung */

.list_dropdown {
    width: 165px;
    margin: 0 0 8px 0;
    text-align: left;
    float: right;
}

.list_dropdown::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.list_dropdown select {
    width: 165px !important;
    border: #ccc 1px solid;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.list_dropdown select {
    width: 100% !important;
}

@media screen and (min-width: 480px) {
    .category_list_plain .list_dropdown {
        float: right;
    }

}

@media screen and (min-width: 768px) {
    .list_dropdown {
        width: 180px;
    }

}

/* Produktliste Hersteller-Dropdown */
.manu_dropdown {
    float: right;
    width: 200px;
}

.manu_dropdown select {
    width: 200px;
    border: rgba(65, 65, 66, 0.2) 1px solid;
}

/* Produktlisting */
/*.prod_listing_content ul.prodlist,*/
ul.prodlist.prod_listing_content {
    display: inline-block; /* Fallback IE<9 */

    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.prod_listing_content .prodlist .item,
.col_full .prod_listing_content .prodlist .item,
ul.prodlist.prod_listing_content li {
    width: 100%;
    float: none;

}

@media screen and (min-width: 480px) {
    .prod_listing_content .prodlist .item,
    .col_full .prod_listing_content .prodlist .item,
    ul.prodlist.prod_listing_content li {
        width: 47%;
        width: -webkit-calc(50% - 16px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 16px); /** FF 4-15  **/
        width: calc(50% - 16px);
        float: left;
    }

    ul.prodlist.prod_listing_content .staffel li {
        float: none;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .prod_listing_content .prodlist .item,
    .col_full .prod_listing_content .prodlist .item,
    ul.prodlist.prod_listing_content li {
        width: 30%;
        width: -webkit-calc(33.333% - 16px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(33.333% - 16px); /** FF 4-15  **/
        width: calc(33.333% - 16px);
        float: left;
    }
}

@media screen and (min-width: 992px) {
    .prod_listing_content .prodlist .item,
    .col_full .prod_listing_content .prodlist .item,
    ul.prodlist.prod_listing_content li {
        display: inline-block; /* Fallback IE<9 */
        min-width: 1%; /* Fix for Firefox */
        width: 21%;
        width: -webkit-calc(25% - 20px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(25% - 20px); /** FF 4-15  **/
        width: calc(25% - 20px);
        float: left;
        vertical-align: top;
        padding: 0 14px;
    }
}


/*Categorie Description, SEO and technical Details + more Categorie Images*/


.catDescription,
.seoDescription,
.catTechnicalDescription,
.filterWrap #news_overview,
.moreCategoryImages {
    padding: 15px 0;
    text-align: left;
}

.catDescription {
    line-height: 1.5em;
}

.filterWrap #news_overview {
    background: none;
}

.catDescription p,
.seoDescription p,
.catTechnicalDescription p {
    margin-bottom: 0.325em;
}

.catDescription ul {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 1em;
    margin-bottom: 20px;
}

.catDescription li {
    padding-left: 6px;
    text-indent: -8px;
}

.catDescription li::before {
    content: '\00b7';
    font-size: 32px;
    top: 6px;
    position: relative;
    left: -10px;
}

.catDescription ul.noBullet li::before {
    content: '';
    font-size: 32px;
    top: 6px;
    position: relative;
    left: -10px;
}

.catDescription li::before {
    content: '\00b7';
    font-size: 32px;
    top: 6px;
    position: relative;
    left: -10px;
}

.catDescription em strong a {
    padding-left: 0px;
    text-indent: 8px;
    position: relative;
}

.catDescription em strong a::before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    content: '\e895';
    top: 3px;
    position: relative;
    left: -8px;
}

/* more Categorie Images */
.moreCategoryImages h2 {
    padding-bottom: 20px;
}

.moreCategoryImages ul.categoryMoreImg {

    list-style: none;
    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.moreCategoryImages ul.categoryMoreImg li {
    width: 100%;
    margin: 0 0 16px 0;
    box-sizing: border-box;
}

@media screen and (min-width: 600px) {
    .moreCategoryImages ul.categoryMoreImg li {
        width: 45%;
        width: -webkit-calc(50% - 16px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 16px); /** FF 4-15  **/
        width: calc(50% - 16px);
        margin: 0 16px 16px 0;
    }
}

.moreCategoryImages ul.categoryMoreImg li .moreImgWrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px;
    display: inherit;
}

.moreCategoryImages ul.categoryMoreImg li .moreImgWrap img {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* FAQ Akkordeon*/
.acc_inhalt_head {
    display: block;
    background: none;
    padding: 10px;
    margin: 0 0 10px 0;
    cursor: pointer;
}

.acc_inhalt_text {
    display: none;
    padding: 10px;
    margin: -10px 0 20px 0;
    border-top: none;
}

.acc_faq_head {
    display: block;
    padding: 10px 0 10px 30px;
    margin: 0 0 5px 0;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    text-align: left;
    /*text-indent: -10px;*/
    width: 100%;
    font-style: italic;
    font-weight: bold;
}

.acc_faq_head img {
    margin-right: 5px;
}

.acc_faq_head:hover {
    color: #3EA130;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.acc_faq_head::before {
    padding-right: 0.6em;
}

.acc_faq_text {
    display: none;
    padding: 0px 10px 10px 0px;
    margin: 5px 0 20px 0;
    border-top: none;
    text-align: left;
}

.confirmationCart .acc_faq_text {
    display: none;
    padding: 0px 0px 10px 0px;
    margin: 5px 0 20px 0;
    border-top: none;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .confirmationCart .acc_faq_text {
        padding: 0px 10px 10px 0px;
        margin: 5px 0 20px 0;
    }
}

.acc_faq_text img {
    float: left;
    padding: 9px;
    margin: 0 10px 20px 0;
}


/* Artikelliste -> Marker Top/Sale/Neu etc. */
.marker_sale {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/sonderangebot.svg) top center no-repeat;
    width: 41px;
    height: 41px;
    text-indent: -9999px;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 6.666%;
    z-index: 101;
    text-align: left;
    background-size: contain;
}

.markerOnTop .marker_liveshopping {
    background: #3EA130;
    color: #fff;
    width: 46px;
    height: 46px;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 6.666%;
    z-index: 101;
    text-align: center;
    font-weight: 400;
    line-height: 46px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    margin: 0 auto 20px;
}


.marker_sale.detailPage,
.marker_top.detailPage,
.marker_neu.detailPage,
.marker_info.detailPage {
    position: static;
    float: left;

}

.marker_top {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/top.svg) top center no-repeat;
    width: 41px;
    height: 41px;
    display: block;
    text-indent: -9999999px;
    position: absolute;
    top: 0px;
    right: 6.666%;
    z-index: 101;
    text-align: left;
    background-size: contain;
}

.marker_neu {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/neu.svg) top center no-repeat;
    width: 41px;
    height: 41px;
    display: block;
    text-indent: -9999999px;
    position: absolute;
    top: 0px;
    right: 6.666%;
    z-index: 101;
    text-align: left;
    background-size: contain;
}

.marker_info {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/info.svg) top center no-repeat;
    width: 41px;
    height: 41px;
    display: block;
    text-indent: -9999999px;
    position: absolute;
    top: 0px;
    right: 6.666%;
    z-index: 101;
    text-align: left;
    background-size: contain;
}

.marker_ranking {
    display: none !important;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #3EA130;
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 101;
}

span.marker_ranking p {
    display: none !important;
    color: #fff;
    text-align: center;
    font-size: 1.25em;
    line-height: 1.5em;
}


.listGrid4 .marker_top,
.listGrid4 .marker_neu,
.listGrid4 .marker_info,
.listGrid4 .marker_ranking,
.listGrid4 .marker_sale {
    position: relative;
    margin-bottom: 4px;
    top: -16px;
}


/*
#content .top_brands_main ul{ margin:0px; padding:16px 0px 0px 0px;}
#content .top_brands_main ul li{ width:223px;  margin:0px 16px 16px 0px;list-style:none; padding:5px 5px 0 5px; float:left; background:#ededed; border-radius:2px; -moz-border-radius:2px; position:relative; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
#content .top_brands_main ul li img  {padding:10px; background:#fff;}
#content .top_brands_main ul li:nth-child(4n+4){margin:0 0px 16px 0;}
#content .top_brands_main ul li:hover { background:#cccccc; -moz-box-shadow: 0px 0px 10px #999999; -webkit-box-shadow:0px 0px 10px #999999; box-shadow: 0px 0px 10px #999999; border-radius:2px; cursor:pointer;}
*/


/* Artikeldetailansicht */

/* Atrikel Top */

.prod_info {
    text-align: left;
    /*margin-top: 20px;*/
}

.prod_info .left {
    box-sizing: border-box;
    width: auto;
    float: none;
}

.prod_info h1,
.prod_info p.h1 {
    margin-bottom: 16px;
}

/*
@media screen and (min-width: 768px) {
	.prod_info .left {
		width: 40%;
		width: -webkit-calc(44% - 30px);
		width: -moz-calc(44% - 30px);
		width:calc(44% - 30px);
		float:left;
	}
}
*/
@media screen and (min-width: 992px) {
    .prod_info .left {
        width: 50%;
        width: -webkit-calc(54% - 30px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(54% - 30px); /** FF 4-15  **/
        width: calc(54% - 30px);
        float: left;
    }
}

@media screen and (min-width: 1200px) {
    .prod_info .left {
        width: 62%;
        width: -webkit-calc(60% - 30px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(60% - 30px); /** FF 4-15  **/
        width: calc(60% - 30px);
        float: left;
    }
}

.prod_info .left .bild {
    position: relative;
    float: none;
    width: auto;
    text-align: center;
}

.prod_info .highslide {
    overflow: hidden;

}

.prod_info .left .bild img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.prod_info .left ul {
    float: none;
}

.prod_info .left ul li {
    list-style: none;
    width: 37px;
    height: auto;
    padding: 0px;
    float: left;
    display: block;
    margin: 8px 16px 8px 0;
    float: left;
    border: 1px solid rgba(117, 117, 117, 1);
}

@media screen and (min-width: 992px) {
    .prod_info .left ul li {
        width: 100px;
        margin: 12px 10px 20px 0;
    }
}

@media screen and (min-width: 1200px) {
    .prod_info .left .bild {
        float: right;
        width: 100%
    }

    .prod_info .left ul {
        float: left;
    }
}


.prod_info .left ul li img {
    width: 100%;
    height: auto;
}

.charts {
    margin-bottom: 15px !important;
    margin-top: 20px;
}

/* Fresco */
.fr-window {
    font-weight: 300;
}

.fr-position-text, .fr-info {
    color: #fff !important;
}

.fr-ui-outside .fr-info-background,
.fr-info-background,
.fr-info .fr-stroke-color,
.fr-window-skin-fresco .fr-content-background,
.fr-position-background,
.fr-thumbnail-wrapper,
.fr-stroke-color,
.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background,
.fr-thumbnails-side-button-background,
.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background {
    background: transparent !important;
}

.fr-window-skin-fresco .fr-content-background {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
}

.fr-info-padder {
    padding: 20px 0 !important;
}

img.fr-thumbnail-image {
    height: 100% !important;
    min-height: 100% !important;
    width: auto !important;
    display: block;
    top: 0 !important;
}

.fr-window-skin-fresco .fr-thumbnail-overlay-border {
    border-width: 0px !important;
}

.fr-close-icon::before {
    content: '\f136';
    color: #fff;
    position: relative;
    font-size: 18px;
}

.fr-side-button-icon::before,
.fr-thumbnails-side-button-icon::before {
    color: #fff
}

.fr-thumbnails-side-button-icon::before {
    font-size: 26px;
}

.fr-side-button-icon::before {
    font-size: 80px;
}

.fr-side-previous .fr-side-button-icon::before {
    margin-left: 20px;
}

.fr-window-skin-fresco .fr-side-button-icon, .fr-window-skin-fresco .fr-close-icon, .fr-window-skin-fresco .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon {
    background-image: none !important;
}

@media (max-width: 500px) and (orientation: portrait), (max-height: 414px) and (orientation: landscape) {
    .fr-side-button-icon::before {
        color: #555555
    }
}

/* Produkt rechts */

.prod_info .right {
    box-sizing: border-box;
    width: auto;
    float: none;
    margin-bottom: 20px;
    /*margin-top: 20px;*/
}

/*
@media screen and (min-width: 768px) {
	.prod_info .right {
		width:55%;
		float:right;
		margin-bottom: 40px;
		margin-top: 0px;
	}
}
*/
@media screen and (min-width: 992px) {
    .prod_info .right {
        width: 40%;
        float: right;
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 1200px) {
    .prod_info .right {
        width: 40%;
        float: right;
        margin-bottom: 40px;
    }
}

.prod_info .right .prodRightHL {
    width: 100%;
    align-self: flex-start;
    color: #3EA130;
}

.prod_info .prodRightHL h1,
.prod_info .prodRightHL p.h1 {
    color: #3EA130;
}

@media screen and (min-width: 992px) {
    .prod_info .right .rightrelative {
        position: relative;

    }

    .prod_info .right .rightabsolute {
        /*position: absolute;*/
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .prod_info .rightfixed {
        margin-left: 15px;
        width: 100%;

    }


    .prodRightHeader {
        justify-content: flex-end;
        align-content: flex-end;
        align-items: flex-end;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
    }

}

@media screen and (min-width: 1200px) {
    .prod_info .rightfixed, .prod_info .rightfixed.fixed {
        margin-left: 0px;
        width: 100%;
    }
}

@media screen and (min-width: 1500px) {
    .prod_info .rightfixed, .prod_info .rightfixed.fixed {
        width: 100%;
    }
}

.prod_info .right .stars {
    width: 100%;
    align-self: flex-end;
    text-align: right;
    line-height: 2em;
    font-size: 0.875em
}

.prod_info .right .stars {
    cursor: pointer;
}

.prod_info .right .stars {
    top: 2px;
    position: relative;
    margin-right: 3px;

}

.prod_info .right .stars .star0,
.prod_info .right .stars .star0_5,
.prod_info .right .stars .star1,
.prod_info .right .stars .star1_5,
.prod_info .right .stars .star2,
.prod_info .right .stars .star2_5,
.prod_info .right .stars .star3,
.prod_info .right .stars .star3_5,
.prod_info .right .stars .star4,
.prod_info .right .stars .star4_5,
.prod_info .right .stars .star5 {
    top: 7px;
    position: absolute;
    margin-right: 3px;
    width: 72px;
    height: 14px;
    right: 34px;
}

@media screen and (min-width: 992px) {
    .prod_info .right .stars {
        align-self: flex-end;
        text-align: right;
    }
}

.prod_info .right .prod_manu {
    width: auto;
    font-size: 0.875em;
    line-height: 1em;
    text-align: right;
}

.prod_info .right .preisWrap {
    margin: 5px 0 10px 0;
    text-align: right;

    /*
	display: table;
	display: box;
	display: flexbox;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	flex-direction: row;
  		-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  	justify-content: space-between;
  	align-content: space-between;
  	align-items: baseline;
	*/
}


.wkBottom.fl {
    width: auto;
    float: none;
    margin-top: 16px;
}

@media screen and (min-width: 768px) {
    .wkBottom.fl {
        width: 50%;
        float: left;
    }
}

.prod_info .right .cuPriceTitel,
.prod_info .right .mySaleWrap {
    align-self: flex-end;
    text-align: right;
}

.prod_info .right .cuPriceInfo,
.prod_info .right .mySale {
    text-align: right;
    font-size: 0.775em;
    line-height: 1.25em;
    font-style: italic;
    display: block;
}

.prod_info .right .mySale {
    margin-bottom: 8px;
}

.prod_info .right .preisInfoExtra {
    font-size: 0.775em;
    line-height: 1.5em;
    display: block;
    text-align: right;
}

.prod_info .right .preisInfoExtra.preisInfoBonus {
    font-weight: bold;
    font-style: italic;
}

.prod_info .right .preisLinksBottom.prodSimilarFilter {
    text-align: right;
    margin-top: 8px;
}

.preisInfoExtra.preisInfoBonus strong {
    color: #3EA130;
}

.preisInfoExtra.preisInfoBonus {
    margin-bottom: 16px;
}

.prod_info .right .cuPriceInfo a,
.prod_info .right .preisInfoExtra a {
    border-bottom: 1px solid rgba(65, 65, 66, 0.3);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.prod_info .right .cuPriceInfo a:hover,
.prod_info .right .preisInfoExtra a:hover {
    border-bottom: 1px solid rgba(65, 65, 66, 0.5);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.prod_info .right .preisInfoDeliveryDay {
    padding: 20px;
    margin: 20px 0;
    background: rgba(65, 65, 66, 0.05);
    text-align: center;
    line-height: 1.25em;
}

.prod_info .right .prodInfoTooltipp {
    margin: 15px 0;
}

.prod_info .right .prodInfoTooltipp .tooltip {
    font-size: 0.775em;
}

/* Jquery Preiswechsler Artikeldetail*/
.javascriptOff {
    display: none;
}

.calculatePrice {
    margin: 15px 2px;
    font-size: 15px;
}

#cuPrice {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.75em;
    line-height: 1.75em;
    height: auto;
    color: #3EA130;
    text-align: right;
    font-style: italic;
}

#cuPrice a {
    width: auto;
    line-height: 32px;
    height: 32px;
    text-align: center;
    display: inline-block;
    padding: 0px 25px;
    background: rgba(117, 117, 117, 1);
    border: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

#cuPrice a:hover {
    background: rgba(117, 117, 117, 1);
    -webkit-box-shadow: 1px 2px 4px 0px rgba(117, 117, 117, 0.5) !important;
    -moz-box-shadow: 1px 2px 4px 0px rgba(117, 117, 117, 0.5) !important;
    box-shadow: 1px 2px 4px 0px rgba(117, 117, 117, 0.5) !important;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.10);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.10)";
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

#uvpPrice {
    font-size: 0.875em;
    line-height: 1em;
    text-decoration: line-through;
    text-align: right;
    font-style: italic;
    text-transform: uppercase;
    height: auto;
    font-weight: normal;
    text-align: right;
}

#cGroupPrice {
    color: black;
    font-weight: bold;
    font-size: 15px;
    text-decoration: line-through;
}

#dynamicVpePreis {
    font-style: italic;
}

.prod_info .right .preis .uvp {
    font-size: 14px;
    color: #6e6e6e;
    padding-top: 10px;
}

.prod_info .right .info_left {
    float: left;
    width: 300px;
    color: #808080;
}

.prod_info .right .info_left a {
    color: #808080;
}

.prod_info .right .info_right {
    float: left;
    width: 180px;
    color: #808080;
}

.item-list .staffel {
    margin-top: 30px;
}

.prod_info .right .staffel li, .prod_info .right .staffel p.hl, .item-list .staffel li, .item-list .staffel p.hl {
    list-style: none;
    line-height: 1.5em;
    font-size: 0.875em;
    text-align: left;
}


#cart_quantity {
    margin: 25px 0 0 0;
}


/* Produktinfo Optionen */
.optionSet {
    margin-top: 10px;
}

.optionSet .optionSetItem,
.optionSet .optionSetItem label {
    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.optionSet .optionSetItem {
    margin-bottom: 10px;
}

.optionSet .optionSrtName {
    margin: 20px 0 10px 0;
    font-weight: bold;
    text-transform: uppercase;
}

.optionSetItem .optionSelect,
.optionSetItem label {
    float: left;
}

.optionSetItem.cf::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.optionSet .optionSetItem .optionSelect {
    width: 8%;
}

.optionSet .optionSetItem input {
    width: auto;
}

.optionSet .optionSetItem label {
    width: 92%;
    margin: 0;
    padding: 0;

    position: relative;
    cursor: pointer;
}

.optionSet .optionSetItem label .optionName {
    display: block;
    width: 50%;
}

.optionSet .optionSetItem label .optionPrice {
    display: block;
    width: 25%;
    text-align: left;
}

.optionSet .optionSetItem label .optionEndPrice {
    display: block;
    width: 25%;
    text-align: right;
    font-weight: bold;

}

.optionSet .optionSetItem label .optionModel {
    display: block;
    width: 30%;
    font-size: 12px;
    font-style: italic;
}

.optionSet .optionSetItem label .optionVPE {
    display: block;
    width: 25%;
    text-align: right;
    font-size: 12px;
    font-style: italic;
}

.quickMulti {
    margin-top: 10px;
}

.multicartBtn {
    float: right;
    margin: 20px 0;

    width: 100%;
    padding-left: 0;

    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

@media screen and (min-width: 320px) {
    .multicartBtn {
        width: 280px;
        padding-left: 3.333%;
    }
}

@media screen and (min-width: 992px) {
    .multicartBtn {
        width: 27.666%;
        padding-left: 0;
    }
}

@media screen and (min-width: 1200px) {
    .multicartBtn {
        width: 22.666%;
    }
}

@media screen and (min-width: 1500px) {
    .multicartBtn {
        width: 17.666%;
    }
}

.multicartBtn .btn {
    width: 100%;
    height: 45px;
}

.produkt_in_cart {
    width: 100%;
    margin: 16px 0 0px 0;
    display: inline-block;
}

.produkt_in_cart .qty.fl {
    width: 100%;
    padding-top: 0px;
}

.produkt_in_cart .button.fl {
    width: 100%;
    float: none;
}

.produkt_in_cart .qty.fl input[type=text] {
    width: 100%;
    float: none;
    margin-bottom: 10px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .produkt_in_cart .qty.fl input[type=text] {
        width: 60%;
        float: left;
        margin-bottom: 10px;
        margin-right: 6px;
        height: 45px;

    }

    .produkt_in_cart .qty.fl {
        width: 30%;
        float: left;
    }

    .produkt_in_cart .button.fl {
        width: 70%;
        float: left;
    }
}

@media screen and (min-width: 1200px) {
    .produkt_in_cart .qty.fl {
        width: 25%;
    }

    .produkt_in_cart .button.fl {
        width: 75%;
    }
}

.produkt_in_cart .qty span {
    text-align: left;
    float: left;
    line-height: 2.5em;
    padding-left: 5px;
}

.produkt_in_cart .qty::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.produkt_in_cart.quickListe,
.produkt_in_cart.quickListe:hover,
.produkt_in_cart.quickMulti,
.produkt_in_cart.quickMulti:hover {
    background: transparent;
}

.produkt_in_cart.quickListe input[type=text],
.produkt_in_cart.quickMulti input[type=text] {
    text-align: center;
    width: 50px;
    display: block;
    margin: 0 auto;
}

.quickListe .btn.btn-primary {
    margin-top: 15px;
}


.multicartBtn:hover {
    background: rgba(65, 65, 66, 0.05);
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.produkt_in_cart .x {
    text-align: center;
    font-weight: normal;
    float: left;
    line-height: 40px;
    color: #808080;
    font-size: 20px;
}

.allreadyInCart {
    text-align: right;
    padding: 10px 8.333% 0 0;
    width: 100%;
}

.produkt_in_cart .button .btn,
.bundleTotalSum .btn.btn-primary {
    padding: 0 30px;
    height: 45px;
    font-size: 1.25em;
    cursor: pointer;
    font-style: italic;
}

@media screen and (min-width: 1200px) {
    .produkt_in_cart .button .btn,
    .bundleTotalSum .btn.btn-primary {
        padding: 0 50px;
    }

}

.produkt_in_cart .button .btn {
    width: 100%;
}

.prod_info .right .preisInfoMenge {
    text-align: center;
    font-size: 0.875em;
    margin-bottom: 15px;
}

.prod_info .right .preisLinksBottom a {
    margin: 2px 0;
    font-size: 0.775em;
    text-align: right;
    color: #555555;
    line-height: 1em;
    border: none;
    display: block;
    -webkit-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.prod_info .right .preisLinksBottom.prodSimilarFilter a {
    text-align: right;
    text-decoration: none;
}

.prod_info .right .preisLinksBottom a:hover {
    color: #3EA130;
    border: none;
    -webkit-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.prod_info .right .preisLinksBottom i {
    position: relative;
    top: 3px;
}

.prod_info .right .availability {
    margin-top: 20px;
}

.prod_info .right .produzent,
.prod_info .right .prodManufacturergarantie {
    margin-top: 20px;
}

/* Produktseite Supersale*/
.supersaleWrap {
    margin-top: 20px;
    background: rgba(65, 65, 66, 0.05);
    padding: 20px;
}

.supersale_head {
    text-transform: uppercase;
    font-size: 1.25em;
    line-height: 1.5em;
    margin-bottom: 15px;
}

.supersale_timer {
    margin-bottom: 15px;
}

/* Produktseite Erinnerungsmail */
.zulauf, .gefahrgut, .sperrgut, .domestic, .spedition, .freeshipping {
    background: rgba(65, 65, 66, 0.05);
    padding: 10px;
    margin: 16px 0;
    line-height: 1.5em;
}

.gutscheinInfo {
    background: #F2EFEF;
    padding: 10px;
    margin: 16px 0;
    line-height: 1.5em;
    color: #3EA130;
    font-weight: 600;
}

.prodSonstiges h3 {
    font-size: 1.2em;
    margin-top: 25px;
}

.prodSonstiges ul {
    padding-left: 6px;
}

.prodSonstiges li {
    line-height: 1.7em;
    list-style: none;
}

.prodSonstiges li::before {
    padding-right: 10px;
}

.prodSonstiges li.iconDot::before {
    padding-right: 12px;
}

.prodSonstiges li.iconArrowRight::before,
.prodSonstiges a.iconArrowRight::before {
    padding-right: 14px;
}

.prodSonstiges span {
    width: 100%;
    display: block;
    padding: 0 0 10px 0;
}

@media screen and (min-width: 768px) {
    .prodSonstiges {

    }

    .prodSonstiges span {
        padding: 0 6px 0 0;
        width: auto;
        display: inline;
    }
}

@media screen and (min-width: 992px) {
    .prodSonstiges span {
        padding: 0 15px 0 0;
    }
}

.prodSonstiges a,
.prodSonstiges a:hover {
    text-decoration: none;
    border: none;
}

.prodSonstiges a:hover {
    color: #3EA130;
}

.prodWrapInfo {
    margin-top: 20px;
}

.prodWrapInfo .row {
    text-align: left;
    line-height: 1.5em;

}

.prodWrapInfo .fl {
    width: auto;
}

.prodWrapInfo .fl .prodInfos {
    padding-right: 0px;
}

@media screen and (min-width: 992px) {
    .prodWrapInfo .fl {
        width: 50%;
    }

    .prodWrapInfo .fl .prodInfos {
        padding-right: 30px;
    }
}


.prodWrap .prodLongDescription p + p {
    /*margin-top: 0.875em;*/
}

.prodWrapInfo .prodLongDescription h2 {
    margin-top: 10px;
}

.prodWrapInfo .prodLongDescription {
    margin-bottom: 10px;
}

.prodWrapInfo .prodInfos h4,
.prodWrapInfo .prodLongDescription h2,
.prodWrapInfo .prodAddOns h3 {
    font-size: 1.2em;
}

.prodWrapInfo .prodInfos ul,
.prodWrapInfo .prodLongDescription ul {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 10px;
    margin-bottom: 10px;
}

.prodWrapInfo .prodInfos p,
.prodWrapInfo .prodLongDescription p {
    margin-bottom: 10px;
}

.prodWrapInfo .prodInfos li,
.prodWrapInfo .prodLongDescription li,
.prodWrapInfo .iconFonts.iconDot {
    padding-left: 10px;
    text-indent: -4px;
    line-height: 1.7em;
}

.prodWrapInfo .prodInfos li > *,
.prodWrapInfo .prodLongDescription li > * {
    text-indent: 0;
}


.prodWrapInfo .prodInfos li::before,
.prodWrapInfo .prodLongDescription li::before {
    content: '\00b7';
    font-size: 18px;
    top: 0px;
    position: relative;
    left: -10px;
    font-weight: 900;
}

.prodWrapInfo .iconFonts.iconDot::before {
    content: '\00b7';
    font-size: 18px;
    top: 0px;
    position: relative;
    left: -3px;
    font-weight: 900;
}

.prodWrapInfo .prodContent.prodUsage {
    margin-bottom: 30px;
}

.prodWrapInfo .prodInfos h4 {
    margin-top: 25px;
}

.prodContent.prodDescription .marginBig {
    margin-bottom: 25px;
}

.prodContent.prodDescription .marginMiddle {
    margin-bottom: 8px;
}

.prodWrapInfo .prodContent.prodUsage li {
    list-style: none;
    float: none;
    text-align: left;
    margin-right: 0;
    margin-bottom: 6px;
}

.prodWrapInfo .prodContent.prodUsage li .prodUsageTxt,
.prodWrapInfo .prodContent.prodUsage li .prodUsageImg {
    float: left;
}

.prodWrapInfo .prodContent.prodUsage li .prodUsageTxt {
    font-size: 16px;
    margin-left: 16px;
}

.prodWrapInfo .prodContent.prodUsage ul {
    margin-top: 12px;
}

.prodWrapInfo .prodContent.prodUsage ul::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.prodWrapInfo .prodContent.prodUsage img {
    width: 22px;
    height: 22px;
    max-width: none;
}

@media screen and (min-width: 768px) {
    .prodWrapInfo .prodContent.prodUsage li {
        float: left;
        text-align: center;
        margin-right: 16px;
        margin-bottom: 16px;
    }

    .prodWrapInfo .prodContent.prodUsage li .prodUsageTxt,
    .prodWrapInfo .prodContent.prodUsage li .prodUsageImg {
        float: none;
    }

    .prodWrapInfo .prodContent.prodUsage li .prodUsageTxt {
        font-size: 12px;
        margin-left: 0px;
    }

}

/* Abmessungen */
.prodContent.prodDescription span {
    margin: 0 15px 20px 0;
}

.prodContent.prodDescription span a {
    border-bottom: none;
}

.prodContent.prodDescription span a:hover {
    color: #3EA130;
}

.prodContent.prodDimensionen {
    display: block;
}

.prodContent.prodDimensionen .dimensionenGedreht,
.prodContent.prodDimensionen .dimensionenLiegend {
    width: auto
}

.prodContent.prodDimensionen .h3 {
    font-size: 1em;
}

@media screen and (min-width: 1200px) {
    .prodContent.prodDimensionen {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .prodContent.prodDimensionen .dimensionenGedreht,
    .prodContent.prodDimensionen .dimensionenLiegend {
        width: 50%
    }
}


.prodContent.prodDimensionen .imgWrapper {
    width: 280px;
    height: auto;
}

.prodContent.prodMarketing .iconFaq {
    width: 69px;
    height: auto;
}

/* ALTE DETAILBESCHREIBUNG*/

.ContentSmall {
    width: auto;
}

@media screen and (min-width: 992px) {
    .ContentSmall {
        width: 62%;
        width: -webkit-calc(64% - 30px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(64% - 30px); /** FF 4-15  **/
        width: calc(64% - 30px);
    }
}


.prodWrap .row {
    text-align: left;
    line-height: 1.5em;
}

.prodWrap .prodContent h1,
.prodWrap .prodContent h2,
.prodWrap .prodContent h3,
.prodWrap .prodContent h4,
.prodWrap .prodContent h5,
.prodWrap .prodContent h6,
.prodWrap .prodContent .h1,
.prodWrap .prodContent .h2,
.prodWrap .prodContent .h3,
.prodWrap .prodContent .h4,
.prodWrap .prodContent .h5,
.prodWrap .prodContent .h6 {
    margin: 0.875em 0 0.375em 0;
    color: #3EA130;
}

.prodWrap .prodContent ul,
.stickyWrap .filteroptions ul {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 1em;
    margin-bottom: 20px;
}

.prodWrap .prodContent li,
.stickyWrap .filteroptions li {
    padding-left: 6px;
    text-indent: -8px;
}

.prodWrap .prodContent li > *,
.stickyWrap .filteroptions li > * {
    text-indent: 0;
}


.prodWrap .prodContent li::before,
.stickyWrap .filteroptions li::before {
    content: '\00b7';
    font-size: 32px;
    top: 6px;
    position: relative;
    left: -10px;
}

.prodWrap .prodContent.prodUsage img {
    padding-left: 0.5em;
    top: 2px;
    position: relative;
}

.prodAddOns {
    padding: 10px;
}

.prodAddOns span {
    width: 100%;
    display: block;
    padding: 0 0 10px 0;
}

.prodAddOns .prodSimilarFilter a {
    text-decoration: none;
}

.prodAddOns .prodSimilarFilter a:hover {
    text-decoration: none;
    color: rgba(117, 117, 117, 1);
}

@media screen and (min-width: 768px) {
    .prodAddOns {
        padding: 10px;
    }

    .prodAddOns span {
        padding: 0 6px 0 0;
        width: auto;
        display: inline;
    }
}

@media screen and (min-width: 992px) {
    .prodAddOns span {
        padding: 0 15px 0 0;
    }
}

/* AUFLISTUNG MERKMALE  */


.prod_info_suche_merkmale ul {
    display: flex;
    flex-flow: row wrap;
}

.prod_info_suche_merkmale ul li {
    float: left;
    list-style: none;
    border: rgba(165, 165, 166, 0.8) 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 25%;
    width: -webkit-calc(30.33333333% - 30px);
    width: -moz-calc(30.33333333% - 30px);
    width: calc(30.33333333% - 30px);
    position: relative;
    min-height: 1px;
    padding: 6px 10px;
    margin: 0 15px 15px 0;
}

.prod_info_suche_merkmale ul::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

/*

.prod_info_suche_merkmale ul {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
@media screen and (min-width: 768px) {
	.prod_info_suche_merkmale ul {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}
.prod_info_suche_merkmale ul li {
	list-style-position: inside;
	list-style-type: none;
    text-indent: -0.8em;
    padding-left: 1em;
}
.prod_info_suche_merkmale ul li::before {
	content: "-";
	padding-right: 0.5em;
} */


/* CROSSSELLING GLEICHE EIGENSCHAFTEN*/

.prodCrossselling h3,
.prodWarning h3,
.prodOtherfilter h3 {
    margin-bottom: 1em;
}

/* Kundenbewertungen */
.topReviews {
    background: rgba(65, 65, 66, 0.05);
    padding: 30px 0;
}

.prodProductsreviews .ratingWrap {
    padding-bottom: 40px;
    margin: 40px 0 !important;
    border-bottom: 1px solid rgba(65, 65, 66, 0.1);
}

/*
.prodProductsreviews {
	background: rgba(65,65,66,0.05);
    padding: 10px 10px 10px 10px;
}
*/
/*
@media screen and (min-width: 768px) {
	.prodProductsreviews {
		padding: 20px 20px 20px 20px;
	}
}
*/

.prodProductsreviews .ratingWrap,
.slick-slide .ratingWrap,
.prodProductsreviews .ratingAcc {
    background: #fff;
    margin: 0 auto;
}

.slick-slide .ratingWrap {
    padding: 20px;
}

.slick-slide .ratingWrap .acc_faq_text_off.fl {
    margin-left: 2%;
    padding: 0px 0 0px 20px;
    width: 47%;
    display: table-cell;
    min-width: 1%;
}

.prodProductsreviews .ratingWrap .acc_faq_head_off.fl,
.prodProductsreviews .ratingWrap .acc_faq_text_off.fl {
    padding: 0px 0 0px 0px;
    width: auto;
    display: block;
}

.ratingWrap .topReviewsName {
    text-align: left;
    padding: 0 0 15px 10px;
}

.prodProductsreviews .ratingWrap .topReviewsName {
    text-align: left;
    padding: 0 0 15px 0px;
}

.slick-slide .ratingWrap .acc_faq_head_off.fl {
    width: auto;
    padding: 0 0 0 10px;
    display: table-cell;
    min-width: 1%;
}

.slick-slide .ratingWrap .acc_faq_text_off.fl {
    padding: 0 0 0 10px;
}

@media screen and (min-width: 992px) {
    .slick-slide .ratingWrap .acc_faq_head_off.fl,
    .prodProductsreviews .ratingWrap .acc_faq_head_off.fl,
    .prodProductsreviews .ratingWrap .acc_faq_text_off.fl {
        width: 47%;
    }

    .ratingWrap .topReviewsName,
    .prodProductsreviews .ratingWrap .topReviewsName {
        text-align: center;
        padding: 0;
    }

    .slick-slide .ratingWrap .acc_faq_text_off.fl {
        margin-left: 0%;
    }
}

@media screen and (min-width: 1200px) {
    .slick-slide .ratingWrap .acc_faq_text_off.fl {
        margin-left: 2%;
    }
}

.prodProductsreviews .ratingWrap {
    padding: 20px 0;
}

.slick-slide .ratingWrap .topReviewsHeader,
.prodProductsreviews .ratingWrap .topReviewsHeader {
    margin-bottom: 15px;
}

.slick-slide .ratingWrap .ratingVerified,
.slick-slide .ratingWrap .ratingGood {
    padding-top: 0px;
    margin-top: 0;
}

.slick-slider .ratingWrap .acc_faq_head_off.fl,
.slick-slider .ratingWrap .acc_faq_text_off.fl,
.prodProductsreviews .ratingWrap .acc_faq_head_off.fl,
.prodProductsreviews .ratingWrap .acc_faq_text_off.fl {
    float: none;
}

.slick-slide .ratingWrap .acc_faq_head_off.fl .imgWrap,
.prodProductsreviews .ratingWrap .acc_faq_head_off.fl .imgWrap {
    width: 90px;
    height: auto;
    overflow: hidden;
    text-align: left;
    margin: 0 0 15px 0;
}

@media screen and (min-width: 768px) {
    .slick-slide .ratingWrap .acc_faq_head_off.fl .imgWrap,
    .prodProductsreviews .ratingWrap .acc_faq_head_off.fl .imgWrap {
        width: 110px;
    }
}

@media screen and (min-width: 992px) {
    .slick-slider .ratingWrap .acc_faq_head_off.fl,
    .slick-slider .ratingWrap .acc_faq_text_off.fl,
    .prodProductsreviews .ratingWrap .acc_faq_head_off.fl,
    .prodProductsreviews .ratingWrap .acc_faq_text_off.fl {
        float: left;
    }

    .slick-slide .ratingWrap .acc_faq_head_off.fl .imgWrap,
    .prodProductsreviews .ratingWrap .acc_faq_head_off.fl .imgWrap {
        width: 360px;
        text-align: center;
        margin: 0 auto;

    }
}

.slick-slide .ratingWrap .ratingStar {
    width: 72px;
    height: 14px;
}

.prodProductsreviews .acc_faq_head_off {
    border: 0;
}

.prodProductsreviews .ratingAcc {
    padding: 5px 20px;
}

.prodProductsreviews .ratingWrap,
.prodDetailRatingWrap,
.prodProductsreviews .ratingAcc {
    width: auto;
}

.prodProductsreviews .prodDetailRatingWrap img,
.prodProductsreviews .ratingAcc img {
    width: 72px;
    height: 14px;

}

.prodDetailRatingWrap .prodDeltailRaitingLeft.fl {
    width: auto;
    float: none;
    margin-right: 0;
}

@media screen and (min-width: 992px) {
    .prodDetailRatingWrap .prodDeltailRaitingLeft.fl {
        width: 40%;
        float: left;
        margin-right: 10%;
    }
}

.prodDetailRatingWrap .prodDeltailRaitingRight.fr {
    width: auto;
    float: none;
}

@media screen and (min-width: 992px) {
    .prodDetailRatingWrap .prodDeltailRaitingRight.fr {
        /*width: 45%;
		width: -webkit-calc(54% - 30px);
		width: -moz-calc(54% - 30px);
		width: calc(54% - 30px);
		float: right;
		margin-left: 30px;*/
        width: 50%;
        float: left;
    }
}

.prodDetailRatingWrap .highlightbox {
    margin-bottom: 15px;
}

.prodDetailRatingWrap.noRating .highlightbox {
    margin: 20px 0;
    text-align: left;
}

.prodDetailRatingWrap.noRating .highlightbox p {
    font-weight: bold;
    color: #3EA130;
    font-style: italic;
}

.prodDetailRatingWrap.noRating .highlightbox .star0 {
    width: 144px;
    height: 28px;
    margin: 0 auto;
    text-align: center;
}

.prodDetailRatingWrap.noRating .highlightbox p {
    margin-top: 16px;
}

.ratingWieviel {
    margin-top: 5px;
}

.prodDetailRatingWrap h3 {
    margin-bottom: 20px;
}

#bewertungen .ratingWrap {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(65, 65, 66, 0.1)
}

.ratingFilterWrap {
    margin-top: -1px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(65, 65, 66, 0.1);
}

.ratingAuthor {
    color: rgba(65, 65, 66, 0.6);
    padding-top: 10px;
}

.ratingGood {
    font-size: 0.9em;
    margin-top: 6px;
}

.ratingVerified {
    color: #3EA130;
    padding-top: 6px;
}

.ratingComment {
    border-left: 5px solid rgba(65, 65, 66, 0.1);
    padding-left: 30px;
    margin: 30px 0;
}

.ratingWho {
    color: rgba(65, 65, 66, 0.6);
}

.customerImgWrap {
    margin: 20px 0 40px 0;
}

.customerImg {
    width: 48% !important;
    height: 150px !important;
    overflow: hidden;
    margin: 20px 2% 0 0;
    position: relative;
}

@media screen and (min-width: 480px) {
    .customerImg {
        width: 30% !important;
        height: 175px !important;
        margin: 20px 3% 0 0;
    }

}

.ratingWrap .customerImg img {
    height: 100%;
    min-height: 100% !important;
    width: auto !important;
    display: block !important;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ratingFilterOne.fl {
    margin: 30px 0 20px 0;
}

.ratingFilterOne.fl,
.ratingFilterTwo.fr {
    float: none;
}

#bewertungen .ratingStar {
    width: 72px;
    height: 14px;
}

.prodDeltailRaitingLeft .ratingImgStars {
    width: 144px;
    height: 28px;
    margin: 8px 0 12px 0;
}

.prodDeltailRaitingLeft .ratingImgStars .star5 {
    width: 144px;
    height: 28px;
}

@media screen and (min-width: 768px) {
    .ratingFilterOne.fl {
        float: left;
        margin: 0px;
    }

    .ratingFilterTwo.fr {
        float: right;
    }
}

.dropdownFake {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 200px;
}

.dropdownFake input[type=text],
.dropdownFake input[type=text]:hover,
.dropdownFake input[type=text]:active,
.dropdownFake input[type=text]:focus,
.dropdownFake input[type=text]:visited {
    width: 100%;
    height: auto;
    padding: 0;
    background: transparent;
    border: 0px;
    height: 32px;
}

.dropdownText {
    cursor: pointer;
    position: absolute;
    text-indent: 20px;
    line-height: 32px;
    border: 0px solid rgba(117, 117, 117, 1);
    width: 100%;
    right: 0;
}

.ratingFilterTwo .dropdownText {
    text-align: left;
}

@media screen and (min-width: 768px) {
    .ratingFilterTwo .dropdownText {
        text-align: right;
    }
}


.dropdownText::before {
    position: absolute;
    margin-left: -16px;
    top: 15px;
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #555 transparent transparent transparent;
}


.dropdownToggle {
    font-size: 0;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 0;
    border: none;
    padding: 0;
    margin: 0 0 0 1px;
    background: transparent;
    text-indent: -10px;
    height: 34px;
    width: 100%;
}

.dropdownToggle:focus {
    outline: 0;
}

.dropdownContent {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    list-style-type: none;
    position: absolute;
    top: 32px;
    padding: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    text-indent: 10px;
    line-height: 32px;
    background: #ececec;
    width: 100%;
    z-index: 100;
}

.dropdownContent a {
    display: block;
    padding: 5px;
}

.dropdownContent a:hover,
.dropdownContent a.active {
    color: #3EA130;
}


.dropdownToggle:hover ~ .dropdownText,
.dropdownToggle:focus ~ .dropdownText {
    color: #3EA130;
}


.dropdown-toggle:focus ~ .dropdown-text {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2) inset, 0 1px 0 rgba(255, 255, 255, 0.8);
    z-index: 2;
}

.dropdown-toggle:focus ~ .dropdown-text::after {
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #555 transparent;
}

.dropdownContent:hover,
.dropdownToggle:focus ~ .dropdownContent {
    opacity: 1;
    visibility: visible;
    top: 35px;
}


/*
.prodDetailRatingWrap .highlightbox {
    width: 100%;
}
@media screen and (min-width: 480px) {
	.prodDetailRatingWrap .highlightbox {
   	 width: auto;
		float: left;
	}

}
*/
.prodDetailRatingWrap::after,
.prodProductsreviews .btn_standard::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.prodProductsreviews .btn_standard {
    display: block;
}

.prodProductsreviews .btn_standard a {
    float: right;
}

.prodProductsreviews .ratingAcc .acc_faq_head {
    border-bottom: 1px solid rgba(65, 65, 66, 0.1);
}

.prodProductsreviews .prodDetailRatingWrap {

    /*
	display: table;
	display: box;
	display: flexbox;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	flex-direction: row;
  		-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;*/

    display: block;
}


.carousel li {
    margin: 0 10px;
}

.slick-slide .ratingWrap .acc_faq_head_off img {
    width: 72px;
    height: 14px;
    display: inline;
}

.acc_faq_head_off {
    display: block;
    border-bottom: 1px solid rgba(65, 65, 66, 0.1);
    padding: 10px 10px 10px 0;
    margin: 0 0 5px 0;
    font-size: 16px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.slick-slider .ratingWrap .acc_faq_head_off.fl {
    display: block;
    border-bottom: 0px;
    margin: 0 0 0px 0;
    padding: 0;
}

.acc_faq_head_off .question,
.acc_faq_head .question {
    margin-left: 8px
}

.acc_faq_head_off .ratingGood .question,
.acc_faq_head .ratingGood .question {
    margin-left: 0px;
}

.comment_rating {
    margin: 20px 0;
}

a.js-yes,
a.js-no {
    display: block;
    margin: 0px;
    line-height: 32px;
    height: 32px;
    width: 48% !important;
    font-size: 14px;
    border: solid 1px rgba(65, 65, 66, 0.2);
    cursor: pointer;
    text-align: center;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

a.no {
    margin-left: 3%;
    margin-left: -webkit-calc(4% - 4px); /** Safari 6, Chrome 19-25 **/
    margin-left: -moz-calc(4% - 4px); /** FF 4-15  **/
    margin-left: calc(4% - 4px);
}


a.js-yes:hover,
a.js-no:hover {
    color: #3EA130;
    border: solid 1px rgba(240, 135, 23, 0.5);
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

a.js-yes:hover::before,
a.js-no:hover::before {
    color: rgba(240, 135, 23, 0.5);
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

a.js-yes::before,
a.js-no::before {
    color: rgba(65, 65, 66, 0.3);
}

.reviewsWrap {
    display: block;
}

.reviewsWrap::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.reviewsWrap .txtWrap {
    width: 100%;
}

.acc_faq_text_off.fl .reviewsWrap .txtWrap {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .reviewsWrap {
        display: table; /* Fallback IE<9 */
        display: box;
        display: flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
    }

    .reviewsWrap .txtWrap {
        width: 85%;
        width: -webkit-calc(100% - 100px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(100% - 100px); /** FF 4-15  **/
        width: calc(100% - 100px);
    }

    .acc_faq_text_off.fl .reviewsWrap .txtWrap {
        width: auto;
    }

}

.reviewsWrap .imgWrap {
    width: 60px;
    margin-right: 10px;
    padding-right: 10px;
}

.txtWrap p a {
    text-decoration: none;
}

/* Review Write */
.productReviewsWriteWrap
.ratingProductWrap,
.reviewsForm,
.reviewsForm + p {
    margin-bottom: 25px;
}

.ratingProductWrap::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.productReviewsWriteWrap .formWrap + .formWrap h2,
.productReviewsWriteWrap .formWrap + .formWrap p {
    padding: 0px 10px 0px 10px;
}

.ratingProductWrap .reviewsImg,
.ratingProductWrap .reviewsArticle {
    float: left;
    width: 100%;
}

.ratingProductWrap .reviewsImg,
.ratingWrap .radio {
    margin-right: 15px;
}

.ratingProductWrap .reviewsImg {
    width: 80%;
    height: auto;
    overflow: hidden;
}

.ratingProductWrap .reviewsImg img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.ratingProductWrap .reviewsArticle,
.productReviewsWriteWrap .form-group-captcha {
    padding-top: 10px;
}

.ratingProductWrap .reviewsArticle {
    padding: 10px 0;
}

.ratingProductWrap .reviewsArticle p {
    padding-left: 10px;
}

@media screen and (min-width: 992px) {
    .ratingProductWrap .reviewsArticle p {
        padding-left: 0px;
    }

}

.ratingWrap {
    margin: 10px 0;
}

.ratingWrap .radio {
    float: left;
}

.ratingWrap img {
    padding-top: 5px;
    margin-right: 10px;
    width: 72px !important;
    height: 14px !important;
}


.rating input,
.rating img {
    display: none;
}


.rating {
    width: 165px;
    font: normal normal normal 30px/1 'Material-Design-Iconic-Font';
    text-align: left;
    position: relative;
}

.rating > label {
    float: right;
    display: inline;
    padding: 0;
    margin: 0;
    position: relative;
    width: 1.1em;
    height: 1.1em;
    cursor: pointer;
}

.rating > label > span {
    font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, "sans-serif";
    font-size: 0.5em;
    display: flex;
    position: relative;
    width: 300px;
    line-height: 2em;
    visibility: hidden;
}

.rating label span.ratingContent5 {
    left: 50px;
}

.rating label span.ratingContent4 {
    left: 82px;
}

.rating label span.ratingContent3 {
    left: 114px;
}

.rating label span.ratingContent2 {
    left: 146px;
}

.rating label span.ratingContent1 {
    left: 178px;
}

.rating > label::before {
    content: "\f27d";
    color: rgba(65, 65, 66, 0.3);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.rating > label::before:hover,
.rating > label::before:hover ~ label,
.rating > input.radio-btn:checked ~ label {
    color: transparent;
}

.rating > label:hover span {
    /*display: block;*/
    visibility: visible;
}

.rating > label:hover::before,
.rating > label:hover ~ label::before,
.rating > input.radio-btn:checked ~ label::before,
.rating > input.radio-btn:checked ~ label::before {
    content: "\f27d";
    position: absolute;
    left: 0;
    color: #FFD600;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.rating > input.radio-btn:checked ~ label:hover::before,
.rating > input.radio-btn:checked ~ label:hover::before {
    color: #FFEA00;
}

.productReviewsWriteWrap h2 {
    font-size: 1.5em;
    margin-bottom: 15px;
}

#product_reviews_write {
    margin-bottom: 50px;
}

.frmUpload {
    margin: 15px 0;
}

.frmUpload .customImg {
    margin: 10px 0;
}

.frmUpload .customImg img {
    width: 100px;
    height: auto;
}

.frmUpload label {
    padding: 10px 0 0 0;
    margin: 0;
}

.frmUpload .iconClose,
.frmUpload .uploadTxt {
    font-size: 0.875em;
}

.frmUpload .uploadTxt {
    margin-bottom: 5px;
}

::-webkit-file-upload-button {
    width: auto;
    line-height: 32px;
    height: 32px;
    text-align: center;
    display: inline-block;
    padding: 0px 25px;
    background: rgba(65, 65, 66, 0.6);
    border: none;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

label#lblLizenz {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    cursor: pointer;
    line-height: 1.5em;
}

#lblLizenz input[type=checkbox] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px !important;
}

#lblLizenz input[type=checkbox] {
    margin: 7px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    box-sizing: border-box;
    padding: 0;
}


.backBnt {
    text-align: left;
}

.imgWrap img {
    display: block !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

.btn_standard_aktion .backBnt {
    position: relative;
    display: inline;
}

.backBnt.amazonPay {
    margin-top: 18px;
}

#js-payWithAmazonDiv {
    width: 100%;
    float: right;
}

#js-payWithAmazonDiv img {
    width: 200px;
    height: 45px;
}

@media screen and (min-width: 768px) {
    #js-payWithAmazonDiv {
        width: 200px;
    }
}

@media screen and (min-width: 400px) {
    .btn_standard_aktion .backBnt {
        top: 22px;
    }
}

.productReviewsWriteWrap .flexWrap.twoColumn .formWrap + .formWrap {
    margin-top: -25px;
}

@media screen and (min-width: 992px) {
    .productReviewsWriteWrap .flexWrap.twoColumn .formWrap + .formWrap {
        margin-top: 25px;
    }
}

.formWrap fieldset {
    border: none;
}


/*
.acc_faq_text_off {display:block; padding:10px;margin:10px 0 20px 0; border-top:none;}
.acc_faq_text_off img {float: left; padding: 9px; margin:0 10px 20px 0;}
*/


/* FAQ on Detail Background */

.prodFaq h3 {
    margin-bottom: 10px;
}

.prodFaq .faqAcc {
    padding: 5px 0px;
    background: #fff;
    margin: 0 auto;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.prodFaq .faqAcc:hover {
    background: rgba(62, 161, 48, 0.1);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.prodFaq .acc_faq_head_off {
    display: block;
    border-bottom: 1px solid rgba(65, 65, 66, 0.1);
    padding: 10px 10px 10px 0;
    margin: 0 0 5px 0;
    font-size: 16px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.prodFaq .acc_faq_text {
    display: none;
    padding: 0px 10px 10px 30px;
    margin: 5px 0 20px 0;
    border-top: none;
    text-align: left;
}

.prodFaq .acc_faq_text_off {
    padding: 0px 10px 10px 0px;
    margin: 5px 0 20px 0;
    border-top: none;
    text-align: left;
}

.prodFaq .faqAcc {
    border-bottom: 1px solid rgba(65, 65, 66, 0.1);
}

.faqMissing {
    margin-top: 16px;
}

.faqMissing a i {
    top: 3px;
    position: relative;
}

/* Versandkosten */
.prodShippingCosts {
    width: 100%;
    overflow: hidden;
}

.prodShippingCosts li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    text-indent: -10px;
}

.prodShippingCosts li.svgPaketBlack {
    text-indent: -2px;
}

.prodShippingCosts .h2 {
    margin-bottom: 0;
}

.prodShippingCosts .half {
    width: 100%;
}

li.svgPaketBlack::before {
    content: '';
    width: 18px;
    height: 18px;
    margin-right: 25px;
    display: block;
    position: absolute;
    left: -1px;
    top: 3px;
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/paket-black.svg) 0 0 no-repeat;
}

.prodShippingCosts .kundenserviceWrap {
    background: rgba(65, 65, 66, 0.05);
}

.prodShippingCosts .kundenserviceWrap p {
    text-align: left;
}

.prodShippingCosts .kundenserviceContent {
    padding: 10px;
}

.kundenserviceContent .iconPhone a {
    color: rgba(117, 117, 117, 1);
}

.kundenserviceContent .iconPhone a:hover {
    color: #3EA130;
}


.prodShippingCosts .kundenserviceContent.versandkostenWrap li + li {
    margin-top: 8px;
}

.prodShippingCosts .kundenserviceContent.versandkostenWrap .h2 {
    line-height: 1.2em;
    margin-bottom: 0.25em;
}

.prodShippingCosts .kundenserviceContent p.iconPhone,
.prodShippingCosts .kundenserviceContent a.iconWhatsapp {
    line-height: 1.3em;
    font-size: 1.3em;
}

@media screen and (min-width: 992px) {
    .prodShippingCosts .half {
        width: 50%;
    }

    .prodShippingCosts .kundenserviceContent {
        padding: 20px;
    }

    .prodShippingCosts .kundenserviceContent.versandkostenWrap {
        padding: 0 20px 0 0;
    }
}

/*Filteroption on detail */
.prodFilteroptions {
    margin-top: 20px;
}

.prodFilteroptions ul {
    list-style: none;
}

.prodFilteroptions li {
    line-height: 1.75em;
    font-weight: normal;
}

/*
.prodFilteroptions li {
	font-weight: bold;
}*/
/*
.prodFilteroptions li li {
	font-weight: normal;
	padding-left: 20px;
    text-indent: -10px;
}
*/
.prodFilteroptions a {
    font-weight: normal;
}

.prodFilteroptions a:hover {
    color: #3EA130;
    -webkit-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}


.prodFilteroptions ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style-type: none;
}

.prodFilteroptions li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media screen and (min-width: 360px) {
    .prodFilteroptions li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}


/* Paginierung/Blaettern */
.paginierung {
    width: 300px;
    float: right;
    text-align: right;
}

.pageSet {
    text-align: center;
    margin: 2em 0;
}

.pageSet .current,
.pageSet .active,
a.pageResults,
a.pageResultsNextSet,
a.pageResultsNext,
a.pageResultsPrev {
    width: 2em;
    font-size: 1em;
    padding: 0;
    background: #fff;
    border: 1px solid #D8D8D8;
    color: #777;
    font-style: italic;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin: 0px 0px 0px 8px;
    line-height: 2em;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.pageSet .current,
.pageSet .active,
A.pageResults:hover,
a.pageResultsNextSet:hover,
a.pageResultsNext:hover,
a.pageResultsPrev:hover {
    background: #3EA130;
    border: #3EA130 1px solid;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


/*----- CONTENT SEITEN -----*/
/* Kontakt */
/*
.contentCenter {
	width: auto;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
	.contentCenter {
		width: 80%;
		margin: 0 auto;
	}
}
@media screen and (min-width: 992px) {
	.contentCenter {
		width: 75%;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1200px) {
	.contentCenter {
		width: 70%;
		margin: 0 auto;
	}
}
*/
.contentboxFlex::after,
.contentboxFlex .contentbox.fullWidth::before {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.contentbox {
    width: 100%;
    box-sizing: border-box;
    margin-right: 0px;
    margin-bottom: 16px;
    min-height: auto;
    overflow: hidden;

    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: auto;
}

@media screen and (min-width: 768px) {
    .contentbox {
        width: 48%;
        width: -webkit-calc(50% - 8px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 8px); /** FF 4-15  **/
        width: calc(50% - 8px);
        box-sizing: border-box;
        margin-right: 16px;
        margin-bottom: 16px;
        min-height: 255px;

    }
}

@media screen and (min-width: 992px) {
    .contentbox {
        min-height: 200px;
        overflow: hidden;
    }
}

@media screen and (min-width: 1200px) {
    .contentbox {
        min-height: 255px;
        overflow: hidden;
    }
}

.contentbox:nth-child(2n) {
    margin-right: 0;
}

.contentbox.boxTeammember {
    background: #f9f9f9;

    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
}

.contentbox.boxHint {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(246, 246, 246, 1);
    padding: 21px 20px;
    float: left;
}

.contentbox .bild {
    display: inline-block; /* Fallback IE<9 */
    min-width: 1%; /* Fix for Firefox */
    width: 30%;
    width: -webkit-calc(35% - 32px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(35% - 32px); /** FF 4-15  **/
    width: calc(35% - 32px);
    margin-right: 16px;
}

.contentbox .bild img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.contentbox .teammemberContent {
    display: inline-block; /* Fallback IE<9 */
    min-width: 1%; /* Fix for Firefox */
    width: 65%;
}

.contentbox a {
    text-decoration: none;
    color: #3EA130;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.contentbox a:hover {
    text-decoration: underline;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.contentbox.fullWidth {
    margin-right: 0;
    width: 100%;
    height: auto;
    box-sizing: content-box;
    position: relative;
}

.contentbox.fullWidth a {
    align-self: flex-end;
    text-align: right;
    width: 95%;
    width: -webkit-calc(100% - 20px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 20px); /** FF 4-15  **/
    width: calc(100% - 20px);
    padding: 0 0 10% 0;
}

.contentbox.fullWidth .contentLink {
    position: absolute;
    right: 20px;
    bottom: 40%;
}

.contentbox.fullWidth .bild {
    width: 100%;
    margin-right: 0px;
    display: block;
    height: auto;
}

/* Service Center */
.service_center ul {
    list-style: none;
}

.serviceMore {
    background: rgba(65, 65, 66, 0.05);
    padding: 10px;
    margin: 15px 0;
}

.service_center .comment_rating p,
.service_center ul {
    margin-bottom: 12px;
}

@media screen and (min-width: 768px) {
    .serviceMore {
        padding: 20px;
    }
}

#a_search {
    padding: 1px 10px 30px 10px;
    border-bottom: 1px solid rgba(65, 65, 66, 0.1);
}

#a_search {
    padding: 1px 10px 30px 10px;
    border-bottom: 1px solid rgba(65, 65, 66, 0.1);
}

#servicecenter {
    padding: 0px 0px 30px 0px;
    border-bottom: 1px solid rgba(65, 65, 66, 0.1);
}

#frmServiceA select,
#frmServiceB select,
#frmServiceC select {
    width: 100% !important;
}

@media screen and (min-width: 992px) {
    #frmServiceA select,
    #frmServiceB select,
    #frmServiceC select {
        width: 50%;
    }
}

/* Zahlarten */
h2.zahlPaypal {
    text-indent: -99999px;
    display: block;
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/paypal-logo.svg) top left no-repeat;
    height: 30px;
    width: 130px;
    margin: 30px 0 0 0;
}

h2.zahlAmazon {
    text-indent: -99999px;
    display: block;
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/amazon-pay.svg) top left no-repeat;
    height: 35px;
    width: 150px;
    margin: 50px 0 0 0;
}

h2.zahlSofort {
    text-indent: -99999px;
    display: block;
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/sofortueberweisung-logo.svg) top left no-repeat;
    height: 45px;
    width: 140px;
    margin: 50px 0 0 0;
}

h2.zahlVorkasse {
    text-indent: -99999px;
    display: block;
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/vorkasse-grau.svg) top left no-repeat;
    height: 40px;
    width: 150px;
    margin: 50px 0 0 0;
}

h2.zahlRechnung {
    text-indent: -99999px;
    display: block;
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/rechnung-grau.svg) top left no-repeat;
    height: 40px;
    width: 150px;
    margin: 50px 0 0 0;
}

h2.zahlKreditkarte {
    text-indent: -99999px;
    display: block;
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/mastercard-visa.svg) top left no-repeat;
    height: 57px;
    width: 185px;
    margin: 50px 0 0 0;
}


/* Reklamation */
.retourenuebersichttext {
    margin-bottom: 1em;
}

.retourenuebersichttext p {
    padding-left: 40px;
    display: inline-block;
    position: relative;
}

.retourenuebersichttext p + p {
    margin-bottom: 0;
}

p.svgPaket {


}

p.svgPaket::before,
p.svgSpedition::before,
p.svgMail::before,
p.svgSend::before,
p.svgThumbup::before,
p.svgPayPalOrange::before {
    content: '';
    width: 25px;
    height: 25px;
    margin-right: 30px;
    display: block;
    position: absolute;
    left: 0px;
    top: 3px;
}

p.svgPaket::before {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/paket.svg) 0 0 no-repeat;
}

p.svgSpedition::before {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/spedition.svg) 0 0 no-repeat;
}

p.svgMail::before {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/mail.svg) 0 0 no-repeat;
}

p.svgSend::before {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/send.svg) 0 0 no-repeat;
}

p.svgThumbup::before {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/thumbs-up.svg) 0 0 no-repeat;
}

p.svgPayPalOrange::before {
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/paypal-orange.svg) 0 0 no-repeat;
}

/* Versandkosten + Über uns */
.contentboxVersand .contentbox-header-versand,
.contentboxAbout .contentbox-header-about {
    margin-bottom: 16px;
}

.contentboxAbout .contentbox-header-about {

    margin-bottom: 16px;
}

.versandWrap {
    width: 100%;
    margin-bottom: 18px;
}

.versandWrap .versandContent {
    float: left;
}

.versandWrap .versandContent p {
    text-align: center;
    padding: 20px 0;
}

.versandWrap .kostenlos {
    width: 100%;
    background: #3EA130;
    color: #fff;
}

.versandWrap .deutschland,
.versandWrap .oesterreich {
    width: 50%;
}

.versandWrap .deutschland {
    background: rgba(65, 65, 66, 0.1);
}

.versandWrap .oesterreich {
    background: rgba(65, 65, 66, 0.05);
}

.versandWrap::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.versandWrap p {
    font-size: 0.875em;
}

@media screen and (min-width: 360px) {
    .versandWrap p {
        font-size: 1em;
    }
}

@media screen and (min-width: 768px) {
    .versandWrap .kostenlos {
        width: 46%;
        width: -webkit-calc(50% - 8px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 8px); /** FF 4-15  **/
        width: calc(50% - 8px);
    }

    .versandWrap .deutschland,
    .versandWrap .oesterreich {
        width: 25%;
        width: -webkit-calc(25% + 4px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(25% + 4px); /** FF 4-15  **/
        width: calc(25% + 4px);
    }
}


.contentboxVersand.boxHalf,
.contentboxAbout.boxHalf {

    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    flex-wrap: wrap;

    display: block;

}

.contentboxVersand.boxHalf::after,
.contentboxAbout.boxHalf::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.contentboxVersand.boxHalf .text,
.contentboxAbout.boxHalf .text {
    width: 100%;
    box-sizing: border-box;
    margin-right: 0px;
    margin-bottom: 16px;
    min-height: auto;
    padding: 10px;
}

.contentboxVersand.boxHalf .text {
    border: 1px solid rgba(65, 65, 66, 0.08);
}

.contentboxVersand.boxHalf .text:nth-child(2n),
.contentboxAbout.boxHalf .text:nth-child(2n) {
    margin-right: 0;
}

.contentboxAbout .image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.contentboxAbout .image {
    width: 100%;
    margin-bottom: 16px;
}

.contentboxAbout .image.image-right {
    margin-right: 0px !important;
}

@media screen and (min-width: 768px) {
    .contentboxVersand.boxHalf .text,
    .contentboxAbout.boxHalf .text {
        display: table-cell; /* Fallback IE<9 */
        min-width: 1%; /* Fix for Firefox */
        width: 48%;
        width: -webkit-calc(50% - 8px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 8px); /** FF 4-15  **/
        width: calc(50% - 8px);
        box-sizing: border-box;
        margin-right: 16px;
        margin-bottom: 16px;
        min-height: auto;
        padding: 20px;
        vertical-align: top;
        float: left;
    }

    .contentboxAbout.boxHalf .text {
        padding: 10px;
    }

    .contentboxAbout .image {
        width: 48%;
        width: -webkit-calc(50% - 8px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 8px); /** FF 4-15  **/
        width: calc(50% - 8px);
        margin-right: 16px;
        margin-bottom: 16px;
        float: left;
    }
}

@media screen and (min-width: 992px) {
    .contentboxVersand.boxHalf .text,
    .contentboxVersand.About .text {
        min-height: 200px;
        overflow: hidden;
    }

    .contentboxAbout.boxHalf .text {
        padding: 0 10px;
    }
}

@media screen and (min-width: 1200px) {
    .contentboxVersand.boxHalf .text,
    .contentboxAbout.boxHalf .text {
        min-height: 255px;
        overflow: hidden;
    }
}

ul.versandIcons {
    margin-left: 0px;
}

ul.versandIcons li {
    float: left;
    margin-right: 15px;
}

ul.versandIcons li::before {
    color: #3EA130;
}

ul.versandIcons li:last-child::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

/* Fehlerseiten */
.error404 {
    width: 100%;
    height: 100%;
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/error.jpg) no-repeat center center fixed;
    background-size: cover;
}

.error404 p,
.error404 h1,
.error404 h2,
.error404 a,
.error404 ul {
    text-align: center;
}

.error404 a {
    color: #3EA130;
}

.error404 .container {
    background: rgba(255, 255, 255, 0.85);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-right: 0px;
    padding-left: 0px;
}

.error404 h1 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 5px;
}

.error404 .row {
    padding: 20px;
}

.errorLinks {
    float: none;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.errorLinks ul {
    clear: left;
    float: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    text-align: center;
}

.errorLinks ul li {
    display: block;
    float: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    right: 0;
}

.errorLinks ul li a {
    display: block;
    margin-right: 0px;
    text-decoration: none;
}

.error404 .errorHints {
    margin-top: 30px;
}

.error404 h2 {
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .errorLinks {
        float: left;
        width: 100%;
    }

    .errorLinks ul {
        float: left;
        list-style: none;
        left: 50%;
        text-align: center;
    }

    .errorLinks ul li {
        float: left;
        right: 50%;
    }

    .errorLinks ul li a {
        margin-right: 15px;
    }

    .error404 .errorHints {
        margin-top: 50px;
    }
}


/* Popcartbox */
#popCart {
    height: 0px;
    overflow: hidden;
    display: block;
    position: relative;
    width: 948px;
    color: #1a1a1a;
    padding: 0 15px;
    background: #e3f2ce;
    margin-bottom: 10px;
    border: none;
    border-radius: 2px;
    border: 1px solid #84bf30;
    opacity: 0;
    -moz-transition: 5s;
    -webkit-transition: 1.3s;
    -ms-transition: 5s;
    transition: 1.3s;
}

#popCart.active {
    padding: 15px;
    height: 40px;
    opacity: 1;
    -moz-transition: 5s;
    -webkit-transition: 1.3s;
    -ms-transition: 5s;
    transition: 1.3s;
    margin-bottom: 16px;
}

#popCart .popup_header {
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    margin: 0px auto;
    line-height: 24px;
}

#popCart .popup_header a {
    text-decoration: underline;
    color: #1a1a1a;
}

#popCart .popup_header a:hover {
    text-decoration: none;
}


/* Checkout 1-2-3 Anzeige */
.checkout_line {
    width: 100%;
    height: 60px;
    margin: 15px 0px 10px 0;
}

.checkout_line .box {
    width: 30px;
    float: left;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.checkout_line .box.on {
    width: auto;
    padding-right: 16px;
}

.checkout_line span.checkoutmobileno {
    text-indent: -99999px;
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    top: -20px;
}

@media screen and (min-width: 768px) {
    .checkout_line span.checkoutmobileno {
        text-indent: 0px;
        width: auto;
        height: auto;
        display: inline-block;
        position: relative;
        top: 0px;
    }

    .checkout_line .box,
    .checkout_line .box.on {
        width: 25%;
        margin-bottom: 0;
        padding-right: 0px;
    }
}

.checkout_line li.box {
    list-style: none;
}

.checkout_line li a,
.checkout_line li p {
    padding-left: 30px;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.checkout_line li a:hover {
    border-bottom: 1px solid rgba(65, 65, 66, 0.3);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.checkout_line li.box::before {
    overflow: hidden;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    color: #fff;
    cursor: pointer;
    height: 20px;
    width: 20px;
    position: absolute;
    margin-top: 1px;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
}

.checkout_line li.box.done::before {
    color: #fff;
    background: #555555;
}

.checkout_line li.box.on::before {
    color: #fff;
    background: #3EA130;
}

.checkout_line li.box.off::before {
    color: rgba(117, 117, 117, 1);
    background: rgba(117, 117, 117, 0.2);
}

.checkout_line li.checkoutOne::before {
    content: '1';
}

.checkout_line li.checkoutTwo::before {
    content: '2';
}

.checkout_line li.checkoutThree::before {
    content: '3';
}

.checkout_line li.checkoutFour::before {
    content: '4';
}

.checkout_line .on,
.checkout_line .done {
    color: rgba(117, 117, 117, 1);
}

.checkout_line .off {
    color: rgba(117, 117, 117, 0.5);
}


.checkoutShippingWrap h1,
.checkoutPaymentWrap h1,
.checkoutShippingWrap .h1,
.checkoutPaymentWrap .h1 {
    margin-bottom: 25px;
}

/* Infoanzeige im checkout */
.checkoutShippingLeft,
.checkoutPaymentLeft {
    width: auto;
    display: block;
    box-sizing: border-box;
}

checkoutShippingLeft::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

@media screen and (min-width: 992px) {
    .checkoutShippingLeft,
    .checkoutPaymentLeft {
        float: left;
        width: 665px;
    }
}

@media screen and (min-width: 1200px) {
    .checkoutShippingLeft,
    .checkoutPaymentLeft {
        width: 810px;
    }
}

.conf_info_box {
    padding: 20px;
    margin-bottom: 10px;
    background: #FFECB3;
    width: auto;
    line-height: 1.5em;
}


/* checout Anzeige der Adresse */
.checkoutShippingRight,
.checkoutPaymentRight {
    width: auto;
    margin-bottom: 15px;

}

@media screen and (min-width: 992px) {
    .checkoutShippingRight,
    .checkoutPaymentRight {
        float: right;
        width: 250px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1200px) {
    .checkoutShippingRight,
    .checkoutPaymentRight {
        width: 300px;
    }
}

.checkout_adresse {
    background: rgba(65, 65, 66, 0.05);
    padding: 20px;
}

.checkout_adresse .btn_standard {
    margin: 15px 0 0px 0;

}

.checkout_adresse.checkoutPaymentRight .btn_standard {
    border-bottom: 0px solid rgba(65, 65, 66, 0.08);
    padding-bottom: 0px;
}

.checkout_adresse .adress_head {
    font-weight: 600;
    margin: 0px 0px 10px 0px;
}

/* Checkout Adressen im Warenkorb */
.checkoutShippingAdress .highlightbox,
.checkoutShippingPayment .highlightbox {
    border: 1px solid rgba(65, 65, 66, 0.08);
    padding: 20px;
    margin: 15px 0 30px 0;
    line-height: 1.25em;
}

/* checkout: Anzeige der Versand/Zahlungsartenauswahl */
.checkout_option {
    width: auto;
}

#checkout_address .formWrap {
    padding: 20px 20px 20px 20px;
}

#checkout_address .btn_aktion,
.checkoutPaymentWrap .btn_aktion,
.checkoutShippingWrap .btn_aktion {
    margin: 25px 0;
}

#checkout_address .btn_standard_aktion {
    float: right;
}

#checkout_address .btn_standard_aktion::after,
#checkout_address::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

/* checkout: Anzeige Telefonnr. */
.formWrap.telNr label {
    margin-top: 0px;
}

.formWrap.telNr .success_message p {
    margin-bottom: 0px
}

.formWrap.telNr p {
    margin-top: 10px
}

.fldError {
    color: #B71C1C;
}

.formWrap.telNr input#telephone {
    width: 100%;
    margin: 0 auto;
    float: none;
}

.formWrap.telNr #status {
    float: none;
    width: auto;
    margin: 10px 0 0 0px;
    width: 20px;
    height: 20px;
}

.fieldRequired img {
    width: 14px;
    height: 14px;
}

@media screen and (min-width: 768px) {
    .formWrap.telNr input#telephone {
        width: 30%;
        margin: 0 auto;
        float: left;
    }

    .formWrap.telNr #status {
        float: left;
        width: auto;
        margin: 10px 0 0 7px;
    }
}

/* Checkout: Anzeige der Adressen zur Auswahl */
ol#address_block {
    display: block;
}

ol#address_block::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

#address_block li {
    list-style: none;
    width: auto;
    background: none;
    border: 1px solid rgba(65, 65, 66, 0.08);
    padding: 8px 20px 20px 20px;
    margin: 18px 0px 18px 0;
    float: none;
}

.checkoutShippingPayment #address_block li:nth-child(2n+2),
.checkoutShippingPayment #address_block li:nth-child(3n+3),
.checkoutShippingAdress #address_block li:nth-child(2n+2),
.checkoutShippingAdress #address_block li:nth-child(3n+3) {
    margin: 18px 0px 18px 0;
}


@media screen and (min-width: 768px) {
    .checkoutShippingPayment #address_block li,
    .checkoutShippingAdress #address_block li {
        width: 40%;
        width: -webkit-calc(50% - 54px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 54px); /** FF 4-15  **/
        width: calc(50% - 54px);
        margin: 18px 18px 18px 0;
        float: left;
    }

    .checkoutShippingPayment #address_block li:nth-child(3n+3),
    .checkoutShippingAdress #address_block li:nth-child(3n+3) {
        margin: 18px 18px 18px 0;
    }

    .checkoutShippingPayment #address_block li:nth-child(2n+2),
    .checkoutShippingAdress #address_block li:nth-child(2n+2) {
        margin: 18px 0px 18px 0;
    }
}

@media screen and (min-width: 992px) {
    .checkoutShippingPayment #address_block li,
    .checkoutShippingAdress #address_block li {
        width: 28%;
        width: -webkit-calc(33.33% - 54px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(33.33% - 54px); /** FF 4-15  **/
        width: calc(33.33% - 54px);
    }

    .checkoutShippingPayment #address_block li:nth-child(2n+2),
    .checkoutShippingAdress #address_block li:nth-child(2n+2) {
        margin: 18px 18px 18px 0;
    }

    .checkoutShippingPayment #address_block li:nth-child(3n+3),
    .checkoutShippingAdress #address_block li:nth-child(3n+3) {
        margin: 18px 0px 18px 0;
    }

}


#address_block .btn-primary {
    margin-top: -30px;
}

@media screen and (min-width: 768px) {
    #address_block .btn-primary {
        margin-top: 15px;
    }
}

#address_block .address {
    min-height: 160px;
}

#address_block .button {
    /*display: table;  Fallback IE<9
	display: box;
	display: flexbox;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;*/
    width: 100%;
    display: block;
}


/* Zahlungsarten-Akkordeon */
.paywrap {
    margin-top: 15px;
}

.shipping_tab,
.payment_tab {
    display: block;
    border-top: 1px solid rgba(65, 65, 66, 0.08);
    border-bottom: 1px solid rgba(65, 65, 66, 0.08);
    margin-top: -1px;
    padding: 20px 8px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.payment_tab .radio input[type=radio]:hover,
.payment_tab label:hover {
    cursor: pointer;
    color: #3EA130;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.payment_tab .radio {
    float: left;
    position: relative;
    top: -6px;
}

.shipwrap .radio input[type=radio] {
    margin-left: 0;
}

.payment_tab label,
.shipping_tab label {
    float: left;
    z-index: 20;
    padding: 0;
    font-weight: 600;
    margin: 0 0 0 15px;
    text-align: left;
    display: block;
    width: 85%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media screen and (min-width: 768px) {
    .shipping_tab label,
    .payment_tab label {
        width: auto;
    }
}

.payment_tab .paymentPrice,
.shipping_tab .shippingPrice {
    float: none;
    clear: both;
    padding: 10px 0 0 40px;
}

@media screen and (min-width: 768px) {
    .payment_tab .paymentPrice,
    .shipping_tab .shippingPrice {
        float: right;
        padding: 0;
        clear: none;
    }
}

.payment_tab .payment_box,
.shipping_tab .shipping_box {
    display: none;
    padding: 15px;
    line-height: 1.5em;
}

.payment_tab .payment_box.current,
.shipping_tab .shipping_box.current {
    display: block;
}

.payment_tab .payment_box.display-none {
    display: none;
    padding: 15px 40px;
    line-height: 1.5em;
}

.payment_tab img,
.shipping_tab img {
    max-width: 80px;
}

.payment_tab + .pppaylater-message {
    margin-top: 15px;
}
.open {
    display: block;
}

.closed {
    display: none;
}

/* SHIPPING TYPE SELECTION */
.shippingblock .header, .shippingblock_multi .header {
    font-weight: 600;
    line-height: 30px;
}

.shippingblock .radiobutton, .shippingblock_multi .radiobutton {
    float: left;
}

.shippingblock .header img, .shippingblock_multi .header img {
    padding-top: 7px;
}

.shippingblock .description, .shippingblock_multi .description {
    width: 70%;
    float: left;
    padding-top: 2px;
}

.shippingblock .radiobutton, .shippingblock_multi .radiobutton {
    float: left;
    width: 30px;
    margin-top: 4px;
}

.shippingblock .radiobutton:hover,
.shippingblock_multi .radiobutton:hover,
.shippingblock .description p:hover,
.shippingblock_multi .description p:hover {
    cursor: pointer;
    color: #3EA130;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* Checkout: Kommentarfunktion Eingabefeld */
p.checkoutcomment textarea {
    width: 96%;
    width: -webkit-calc(100% - 20px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 20px); /** FF 4-15  **/
    width: calc(100% - 20px)
}


/* Geburtsdatum Eingabefeld */
select.day,
select.month {
    width: 70px;
    float: left;
    margin-right: 10px;
}

select.year {
    width: 90px;
}

/* checkout_confirmation.html : CTA mobil */
@media screen and (max-width: 767px) {
    .btn_aktion.zurKasse .btn {
        font-size: 16px !important;
        padding: 0 10px !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 374px) {
    .btn_aktion.zurKasse .btn {
        font-size: 14px !important;
    }
}

/* checkout_confirmation.html : Eingabeboxen */
.confirmation_edit {
    margin: 25px 0 0px 0;
    text-align: left;
    width: 100%;


    display: table;
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;

    display: block;

}

.confirmation_edit::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.confirmation_edit .conf_box {
    float: none;
}

.conf_box {
    background: rgba(65, 65, 66, 0.05);
    padding: 20px;
    margin: 15px 0px 0px 0px;
}

.conf_box a,
.conf_box a:hover {
    border-bottom: none;
    text-decoration: none;
}

.conf_box.agbDatenschutz a span {
    color: rgba(236, 104, 26, 0.8) !important;
}

.conf_box.agbDatenschutz a span:hover {
    color: rgba(236, 104, 26, 1) !important;
}

.conf_box p + p {
    margin: 0;
}

.conf_box .iconFonts {
    position: absolute;
    top: 28px;
    right: 8px;
}

#checkout_amazon .conf_box5 {
    margin-top: 10px;
}

.checkoutConfirmation .conf_box5 {
    padding: 10px;
    border: rgba(65, 65, 66, 0.05) 10px solid;
}

.conf_box5 .iconFonts.iconArrowRight {
    position: absolute;
    top: 6px;
    right: 8px;
}

.conf_box5 .mainCart.confirmationCart a.popup_link {
    border: none;
}

.conf_box .checkoutPhone .iconFonts {
    position: absolute;
    top: 6px;
    right: 0px;
}

@media screen and (min-width: 768px) {
    .conf_box .checkoutPhone .iconFonts {
        position: absolute;
        top: 24px;
    }
}

.conf_box .checkoutPhone {
    border-top: 1px solid rgba(65, 65, 66, 0.08);
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
}

.confirmation_edit .box1, .confirmation_edit .box2 {
    background: none;
    border: 1px solid rgba(65, 65, 66, 0.08);
    padding: 20px 8px;
    width: auto;
    margin: 0px 0px 18px 0;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media screen and (min-width: 768px) {
    .confirmation_edit .box1, .confirmation_edit .box2 {
        width: 43%;
        width: -webkit-calc(50% - 10px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 10px); /** FF 4-15  **/
        width: calc(50% - 10px);
        float: left;
    }

    .confirmation_edit .box1 {
        margin: 0px 18px 18px 0;
    }

    .confirmation_edit .box2 {
        margin: 0px 0px 18px 0;
    }
}


@media screen and (min-width: 768px) {
    #checkout_amazon .confirmation_edit .box1, #checkout_amazon .confirmation_edit .box2 {
        width: 100%;
        float: none;
    }

    #checkout_amazon .confirmation_edit .box1 {
        margin: 0px 0px 18px 0;
    }

    #checkout_amazon .confirmation_edit .box2 {
        margin: 0px 0px 18px 0;
    }
}

@media screen and (min-width: 992px) {
    #checkout_amazon .confirmation_edit .box1, #checkout_amazon .confirmation_edit .box2 {
        width: 43%;
        width: -webkit-calc(50% - 28px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 28px); /** FF 4-15  **/
        width: calc(50% - 28px);
        float: left;
    }

    #checkout_amazon .confirmation_edit .box1 {
        margin: 0px 18px 18px 0;
    }

    #checkout_amazon .confirmation_edit .box2 {
        margin: 0px 0px 18px 0;
    }
}


.conf_box5 {
    position: relative;
}

.conf_box5 .prod_block {
    background: #FFF;
    padding: 10px;
}

.conf_box6 {
    width: 400px;
    float: left;
}

.conf_box7 {
    width: 400px;
    float: right;
    text-align: right;
    margin-bottom: 20px;
}

.conf_box5 .btn_checkout.btn_aktion {
    border: none;
}

.conf_box5 .btn_checkout.btn_aktion .btn.btn-primary {
    padding: 0 50px;
    height: 45px;
    font-size: 1.25em;
    line-height: 2.25em
}


.confirmation_edit h4,
.confirmation_edit .h4 {
    font-size: 1.25em;
    margin: 0 0 10px 0;
}

.kuponTxt h4 {
    font-size: 1.25em;
}


.conf_spalte1 {
    width: 360px;
    float: left;
    padding: 0px 0px 2px 0px;
    border: 0px solid red;
    vertical-align: top;
}

.conf_spalte1 h2, .conf_spalte2 h2 {
    padding-top: 2px;
    margin-top: 0px;
    font-size: 11px;
}

.conf_spalte2 {
    width: 290px;
    float: right;
    padding: 0px 0px 2px 0px;
    border: 0px solid black;
    vertical-align: top;
}

.conf_spalte3 {
    width: 100px;
    float: left;
    padding: 0px 0px 2px 0px;
    border: 0px solid red;
    vertical-align: top;
}

.checkoutConfirmation .ConfSubTotal {
    width: 100%;

    display: block;
}

@media screen and (min-width: 992px) {
    .checkoutConfirmation .ConfSubTotal {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}

.checkoutConfirmation .confSubHints {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
    float: none;
}

@media screen and (min-width: 992px) {
    .checkoutConfirmation .confSubHints {
        width: 45%;
        margin-right: 5%;
        margin-top: 20px;
        float: left;
    }
}

.conf_spalte4 {
    width: 100%;
    white-space: nowrap;
    margin-left: 0;
    float: none;
}

@media screen and (min-width: 992px) {
    .conf_spalte4 {
        width: 50%;
        float: right;
    }

}

.conf_spalte4 table td {
    padding: 2px 0px 2px 20px;
}

.ot_totals {
    width: 100%;
    margin-top: 20px;
}

.ot_totals li {
    display: block;
    margin-bottom: 5px;
    width: 100%;
}

.ot_totals li .title {
    float: left;
    width: 50%;
    text-align: left;
    display: inline-table;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.ot_totals li .value {
    float: right;
    width: 50%;
    text-align: right;
    display: block;
}

@media screen and (min-width: 768px) {
    .ot_totals li .title {
        width: 70%;
        display: block;
    }

    .ot_totals li .value {
        width: 30%;
    }
}

.ot_totals li .value strong {
    font-weight: bold;
}

.ot_totals li .value.payment-value {
    font-weight: bold;
}

.ot_totals li::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.ot_totals li#ot_total {
    padding: 5px 0;
    border-top: 1px solid rgba(65, 65, 66, 0.3);
    border-bottom: 3px double rgba(65, 65, 66, 0.3);
    font-size: 1.25em;
    font-weight: 600;
    margin: 10px 0;
}

.ot_totals li#ot_subtotal_no_tax,
.ot_totals li#ot_tax {
    font-size: 0.875em;
}

/*Kundenservice*/
.kundenserviceWrap {
    background-size: cover;
    padding: 40px 20px;
}

.kundenserviceWrap,
.kundenserviceWrap .h2,
.kundenserviceWrap p {
    text-align: center;
    color: #fff;
}

.kundenserviceWrap .h2 {
    margin-bottom: 0;
    padding: 0 !important;
}

.kundenserviceWrap a {
    cursor: pointer !important;
    color: #3EA130 !important;
    text-decoration: none;
}

.kundenserviceWrap a:hover {
    text-decoration: none;
}

.kundenserviceWrap p + p {
    margin-bottom: 0;
}

/* Checkout Success */
.checkoutSuccessWrap h2,
.checkoutSuccessWrap .h2 {
    padding: 25px 0;
}

.checkoutSuccessWrap .btn_standard {
    padding: 20px 0;
    border-bottom: 1px solid rgba(65, 65, 66, 0.08);
}

.checkoutSuccessWrap .checkoutSuccessBonus {
    margin: 25px 0;
    padding: 20px;
    background: rgba(250, 219, 185, 1);
}

.checkoutSuccessWrap .checkoutSummery {
    background: none;
    padding: 0px;
    margin-bottom: 36px !important;
}

.checkoutSuccessWrap .tableFake {
    padding: 0px;
    margin: 0 0 0px 0;
    display: block;
    height: 100%;
    width: 100%;
    table-layout: inherit;
}

.checkoutSuccessWrap .kundenserviceWrap,
.checkoutSuccessWrap .checkoutPass,
.checkoutSuccessWrap .checkoutNl {
    margin-bottom: 18px !important;
}

.checkoutSuccessWrap .checkoutFirst {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(65, 65, 66, 0.3);
    margin-bottom: 18px;
}

.checkoutSuccessWrap .halfText,
.checkoutSuccessWrap .halfImg {
    display: block;
    height: 100%;
    float: none;
}

.checkoutSuccessWrap .halfTxt {
    width: auto;
    padding: 10px 10px 20px 10px;
}

.checkoutSuccessWrap .halfImg {
    width: 100%;
    height: 180px;
    background-size: cover;
}

.checkoutSuccessWrap .checkoutNl .halfImg {
    display: none;
}

.checkoutSuccessWrap .checkoutPass .halfImg {
    display: none;
}

@media screen and (min-width: 768px) {
    .checkoutSuccessWrap .checkoutNl .halfImg {
        display: block;
        height: 250px;
        overflow: hidden;
        /* background:url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/newsletter-checkout.jpg) center center; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .checkoutSuccessWrap .checkoutPass .halfImg {
        display: block;
        height: 350px;
        overflow: hidden;
        /*background:url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/kundenkonto-checkout.jpg) center center;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

.checkoutSuccessWrap .checkoutNl legend {
    margin-bottom: 0;
}

.checkoutSuccessWrap .checkoutNl label,
.checkoutSuccessWrap .checkoutNl i {
    display: inline-block;
}

.checkoutSuccessWrap #order input[type=password] {
    width: 91%;
}

.checkoutSuccessWrap .checkoutNl .checkbox label {
    min-height: auto;
    padding-left: 0px;
    line-height: 1.5em;
}

.checkoutSuccessWrap .checkoutNl .checkbox input[type=submit] {
    margin-top: 18px;
    margin-right: 10px;
}

.checkoutSuccessWrap .checkoutNl .iconEmailOpen::before {
    color: #3EA130;
}

@media screen and (min-width: 768px) {
    .checkoutSuccessWrap .halfTxt {
        width: auto;
        padding: 20px;
    }

    .checkoutSuccessWrap .checkoutSummery .halfTxt {
        padding: 0px;
    }

    .checkoutSuccessWrap .tableFake {
        padding: 0px;
        margin: 0 0 0px 0;
        width: 100%;
        display: table;
        height: 100%;
        table-layout: fixed;
    }

    .checkoutSuccessWrap .halfTxt,
    .checkoutSuccessWrap .halfImg {
        display: table-cell;
        height: 100%;
        float: left;
    }

    .checkoutSuccessWrap .halfTxt {
        width: 43%;
        width: -webkit-calc(50% - 40px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 40px); /** FF 4-15  **/
        width: calc(50% - 40px);
        vertical-align: top;
    }

    .checkoutSuccessWrap .checkoutSummery .halfTxt {
        width: 50%;
    }

    .checkoutSuccessWrap .halfImg {
        width: 50%;
        height: 100%;
    }
}

/* Newsletter */
.checkoutSuccessWrap #js-successNL {
    display: none;
}

.checkoutSuccessWrap .checkoutNl p + p {
    margin-top: 0.75em;
    margin-bottom: 0;
}


.cart thead th {
    padding: 5px 6px 5px;
    border: solid #fff 1px;
    background: #d9d9d9;
    font-weight: bold;
}

.cart td {
    padding: 5px 5px 5px 5px;
    border: solid #fff 1px;
    color: #555555;
    background-color: #f8f8f8;
    vertical-align: top;
}

.cart tfoot td {
    border: solid #d9d9d9 1px;
    color: #555555;
    background-color: #f8f8f8 none;
    text-align: right;
    padding: 5px 5px 10px 5px;
    color: #681400;
    font-weight: bold;
    vertical-align: top;
}

.cart .tdSP, .cart .tdFP {
    text-align: right;
    white-space: nowrap;
}

.cart .tdName, .cart .tdAttributes {
    text-align: left;
}

.cart .tdImage, .cart .tdQty, .cart .tdTax {
    text-align: center;
}

#legalBox {
    background-color: #eeece8;
    margin: 5px 0px 20px 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border: 1px solid #f8f7f5;
    padding: 5px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 5px #9b9893;
    -webkit-box-shadow: 0px 0px 5px #9b9893;
    box-shadow: 0px 0px 5px #9b9893;
}

#legalBox .prod_block {
    background: #FFF;
    padding: 10px;
}

.popup_product {
    width: 100%;
    margin: auto;
}

.popup_product hr {
    border: #FFFFFF 1px solid;
    border-bottom: #d8d8d8 1px solid;
    margin: 10px 0 10px 0;
    padding: 0;
}

.popup_product .col_left {
    width: 30%;
    float: left;
}

.popup_product .col_left li {
    list-style: none;
}

.popup_product .col_left img {
    margin-bottom: 5px;
    width: 100%;
    height: auto;
}

.popup_product .col_right {
    width: 60%;
    float: right;
}

.popup_product .col_right p {
    line-height: 19px;
    margin: 0;
    padding: 0;
}

.popup_product .col_right .name {
    font-size: 16px;
    text-transform: none;
    margin: 5px 0 10px 0;
    font-weight: normal;
}

.popup_product .col_right .preis {
    font-size: 14px;
    text-transform: none;
    margin: 0 0 10px 0;
    font-weight: normal;
}

.popup_product .col_right ul {
    list-style: inside;
}

.popup_product .col_right li {
    list-style: inside;
}

/* Noscript Hinweis wenn JS nicht aktiv*/
.js-noscript {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ffff90;
    border-color: #cfcfcf;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px;
    color: #2f2f2f;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    margin: 0 auto;
    padding: 12px 0;
    width: 940px
}


/* Box filter */
.filter_headline {
    text-indent: 8px;
}

.filter-reset-single {
}

.filter-reset-single a {
    color: #f16352;
    display: block;
    width: 100%;
}

/*.filter-reset-single a .left {width:200px;}
.filter-reset-single a .left:hover {text-indent:0px;}*/


#content li {
}

#content h5 {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    font-weight: normal;
    font-size: 15px;
    text-decoration: none;
    color: #1a1a1a;
}

#content h5 a {
    color: #1a1a1a;
}


/* INPUT ELEMENTS DETAILED */
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-weight: 300;
    font-size: 1em;
    overflow: hidden;
    border: rgba(117, 117, 117, 1) 1px solid;
    /*display:block;*/
    width: 96%;
    width: -webkit-calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: calc(100% - 12px);
    padding: 15px 5px;
    background: rgba(255, 255, 255, 1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.wkForm input[type=text] {
    /*padding: 5px 5px;*/
    margin-top: 15px !important;
    height: 32px;
}

.formWrap.smallContent input[type=text],
.formWrap.smallContent input[type=email],
.formWrap.smallContent input[type=password],
.formWrap.smallContent input[type=tel],
.formWrap.smallContent textarea {
    width: 96%;
    width: -webkit-calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: calc(100% - 12px);
}

@media screen and (min-width: 768px) {
    input[type=text],
    input[type=email],
    input[type=password],
    input[type=tel],
    textarea {
        width: 96%;
        width: -webkit-calc(100% - 12px);
        width: -moz-calc(100% - 12px);
        width: calc(100% - 12px);
    }

    .formWrap.smallContent input[type=text],
    .formWrap.smallContent input[type=email],
    .formWrap.smallContent input[type=password],
    .formWrap.smallContent input[type=tel],
    .formWrap.smallContent textarea {
        width: 96%;
        width: -webkit-calc(100% - 12px);
        width: -moz-calc(100% - 12px);
        width: calc(100% - 12px);
    }
}

textarea {
    resize: none;
}

select[name=dob_tag],
select[name=dob_monat],
select[name=dob_jahr],
select[name=gender] {
    width: 86px;
    margin-bottom: 10px;
}

input[name=vvcode],
input[name=vvcode1],
input[name=vvcode2] {
    width: 50px;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
    select[name=dob_tag],
    select[name=dob_monat],
    select[name=dob_jahr],
    select[name=gender],
    input[name=vvcode],
    input[name=vvcode1],
    input[name=vvcode2] {
        width: 100px !important;
        margin-bottom: 0px;
    }
}

select[name=dob_tag],
select[name=dob_monat] {
    margin-right: 15px;
}

input[name=vvcode],
input[name=vvcode1],
input[name=vvcode2] {
    margin: -4px 0 0 15px;
}

input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=tel]:hover,
textarea:hover {
    border: #3EA130 1px solid;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}

input[type=text]:active,
input[type=text]:focus,
input[type=email]:active,
input[type=email]:focus,
input[type=password]:active,
input[type=password]:focus,
input[type=tel]:active,
input[type=tel]:focus,
textarea:active,
textarea:focus {
    border: #3EA130 1px solid;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-weight: 300;
    font-style: italic;
    padding: 15px 5px;
    width: 96.4%;
    border: 1px solid rgba(0, 0, 0, 1);
    color: #555555;
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/select-arrow.png) 99% no-repeat #fff;
    cursor: pointer;
    width: 96% !important;
    width: -webkit-calc(100% - 12px) !important;
    width: -moz-calc(100% - 12px) !important;
    width: calc(100% - 12px) !important;
    font-weight: 400;
}

select:hover {
    border: #555555 1px solid;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}

select:active {
    border: #555555 1px solid;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.formWrap select,
.accountRegisterWrap select {
    width: 100%;
}

.filterWrap select,
.SearchHeader select {
    border: none;
    background: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/select-arrow.png) left no-repeat #fff;
    padding-left: 15px;
}

.filterWrap select:hover,
.SearchHeader select:hover {
    color: #3EA130;
}

#cart_quantity .select,
.prodOptions select {
    width: 100%;
}


option {
    background: #fff;
    border-top: 1px solid rgba(65, 65, 66, 0.3);
    padding: .3em 1em .3em 1em;
    color: rgba(117, 117, 117, 1);
}

option:hover {
    background: rgba(65, 65, 66, 0.1);
}

#js-frmAuswahl input {
    margin: 8px 16px 4px 0;
}


/* FORMULAR NEU ======================================= */
.mandatory {
    margin-left: 5px;
}

.errMsg {
    margin-top: 5px;
    color: #B71C1C;
    line-height: 20px;
}

#js-inpEmailInfo.errMsg .js-sucessInfo {
    display: block;
}

#js-inpPhoneInfo.errMsg .js-sucessInfo {
    display: block;
}

#js-inpPhoneInfo.errMsg,
#js-inpEmailInfo.errMsg {
    position: relative;
}

#js-inpPhoneInfo.errMsg img,
#js-inpEmailInfo.errMsg img {
    position: absolute;
    top: -33px;
    right: 10px;
    width: 20px;
    height: 20px;
}

#frmTelefon {
    padding-top: 10px;
}

#create_account .cf,
#create_account legend,
#create_account .checkbox,
#product_reviews_write .cf,
#login .cf {
    padding: 1px 10px 10px 10px;
}

#create_account legend {
    margin-bottom: 0px;
}

#create_account .pflichtTxt {
    padding-left: 10px;
}

.reqError {
    background: #FFCDD2;
}

#create_account .btn_standard_aktion {
    padding-right: 13px;
}

#login .btn_standard_aktion {
    padding-right: 10px;
}

#login .forgotPassword {
    padding: 0px 0 10px 10px;
}

@media screen and (min-width: 992px) {
    #login .forgotPassword {
        padding: 32px 150px 10px 10px;

    }
}

@media screen and (min-width: 1200px) {
    #login .forgotPassword {
        padding: 40px 15px 10px 10px;
    }
}

#create_account select {
    margin-bottom: 5px;
}

#js-inpEmailInfo.errMsg img {
    display: none;
}

#create_account input[type=text],
#create_account input[type=email],
#create_account input[type=password],
#create_account input[type=tel],
#create_account textarea,
#create_account select {
    width: 95%;
    width: -webkit-calc(100% - 16px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 16px); /** FF 4-15  **/
    width: calc(100% - 16px);
}

#create_account select {
    width: 98%;
    width: -webkit-calc(100% - 5px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 5px); /** FF 4-15  **/
    width: calc(100% - 5px);
}

#product_reviews_write input[type=text],
#product_reviews_write textarea {
    width: 96%;
    width: -webkit-calc(100% - 12px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 12px); /** FF 4-15  **/
    width: calc(100% - 12px);
}

#product_reviews_write .captchaWrap,
#login .captchaWrap {
    padding-right: 0;
}

#product_reviews_write input[name=vvcode],
#login input[name=vvcode] {
    width: 86px;
}

#product_reviews_write .btn_standard_aktion {
    padding-right: 10px;
}

@media screen and (min-width: 768px) {
    #create_account input[type=text],
    #create_account input[type=email],
    #create_account input[type=password],
    #create_account input[type=tel],
    #create_account textarea {
        width: 95%;
        width: -webkit-calc(100% - 16px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(100% - 16px); /** FF 4-15  **/
        width: calc(100% - 16px);
    }
}


.reqError input[type=text]:active,
.reqError input[type=text]:focus,
.reqError input[type=email]:active,
.reqError input[type=email]:focus,
.reqError input[type=password]:active,
.reqError input[type=password]:focus,
.reqError input[type=tel]:active,
.reqError input[type=tel]:focus,
.reqError textarea:active,
.reqError textarea:focus {
    border-top: #3EA130 1px solid;
    border-right: #3EA130 1px solid;
    border-bottom: #3EA130 1px solid;
    border-left: #3EA130 1px solid;
    outline: none;
    background: #fff;


}


/* END FORMULAR NEU ======================================= */


/* LABEL ======================================= */
label {
    color: #555555;
    font-weight: normal;
    /*pointer-events:none;*/
    display: block;
    margin: 20px 0 8px 0;
    padding-left: 1px;
}

span.fieldRequired {
    margin-left: 10px;
    align-self: center;
}

.checkbox label {
    display: inline;
}

/* Newsletter ======================================= */
.highlightbox.newsletter label i {
    position: relative;
    top: 12px;
    line-height: 1.5em;
}

/* CHECKBOX RADIO ======================================= */
.content_page input[type=radio] {
    margin-right: 5px;
}

.content_page input[type=radio] + input[type=radio] {
    margin-left: 16px;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    line-height: 1.5em;
}

.checkbox input[type=checkbox] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}

.radio input[type=radio] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -6px;
    top: -5px;
}


p.pflichtTxt {
    font-size: 0.775em;
    display: inline;
    position: relative;
    top: 12px;
}

@media screen and (min-width: 768px) {
    p.pflichtTxt {
        top: 55px;
    }
}


/* LOGIN CART + LOGOFF + FORUMULARE */
.flexWrap {
    text-align: left;


    /*
	display: table;
	display: box;
	display: flexbox;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-start;
  	justify-content: flex-start;
	*/

    display: block;
    overflow: hidden;
}

.formWrap .cf,
.accountRegister.loginCustomerNew form .cf,
.accountRegister.loginCustomerNew form .checkbox,
.accountRegister.loginCustomerNew form legend,
.accountRegister.loginCustomer legend,
.accountRegister.loginCustomerNew form .pflichtTxt,
.formWrap form .form-group,
.formWrap #addressbook .checkbox,
.formWrap.forgotEmail legend,
.formWrap.forgotNo legend,
#checkout_shipping h3,
.checkoutShippingAdress h1,
.checkoutShippingPayment h1 {
    padding: 1px 10px 10px 10px;
}

.formWrap .form-group-birthday select {
    margin-bottom: 10px;
}

.accountRegister.loginCustomerNew form .pflichtTxt {
    top: 0px;
}

@media screen and (min-width: 768px) {
    .accountRegister.loginCustomerNew form .pflichtTxt {
        top: 40px;
    }

    .formWrap .form-group-birthday select {
        margin-bottom: 0px;
    }
}

#js-dhl {
    margin-left: 25px;
}

#js-dhl label {
    padding-left: 0;
    line-height: 1.5rem;
}

.captchaWrap {
    margin: 15px 27px 0 0;
    padding-right: 0px;
    text-align: right;
    float: right;
}

#password .captchaWrap {
    margin: 15px 14px 0 0;
}

.captchaWrap::after,
.form-group-captcha::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.captcha {
    /*float: left;*/
    display: inline-block;
}

#frmCaptcha .captcha {
    float: right;
    display: inline-block;
}

.captchaWrap input[name=vvcode],
.captchaWrap input[name=vvcode1],
.captchaWrap input[name=vvcode2] {
    float: left;
}

#frmCaptcha .captchaWrap input[name=vvcode],
#frmCaptcha2 .captchaWrap input[name=vvcode],
#frmCaptcha .captchaWrap input[name=vvcode1],
#frmCaptcha1 .captchaWrap input[name=vvcode1],
#frmCaptcha2 .captchaWrap input[name=vvcode1],
#frmCaptcha .captchaWrap input[name=vvcode2],
#frmCaptcha2 .captchaWrap input[name=vvcode2],
#frmCaptcha2 .captchaWrap .captcha {
    float: right;
}


.flexWrap.accountRegisterWrap {
    -webkit-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap;
}

.flexWrap.twoColumn .formWrap {
    width: auto;
    margin: 25px 0px 25px 0;
}

.productReviewsWriteWrap .flexWrap.twoColumn .formWrap {
    width: 100%;
    padding: 0;

}

.productReviewsWriteWrap .flexWrap.twoColumn .formWrap {
    background: none;
}

.productReviewsWriteWrap .reviewsForm p {
    margin-bottom: 8px;
}

.flexWrap.twoColumn::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

@media screen and (min-width: 992px) {
    .flexWrap.twoColumn .formWrap {
        float: left;
    }

    /*
	.flexWrap.twoColumn .formWrap.forgotEmail{
		width: 45%;
		width: -webkit-calc(50% - 56px);
		width: -moz-calc(50% - 56px);
		width: calc(50% - 56px);
		margin: 25px 56px 25px 0;
	}
	.flexWrap.twoColumn .formWrap.forgotNo{
		width: 50%;
		margin: 25px 0px 25px 0;
	}
*/
    .flexWrap.twoColumn .formWrap.forgotEmail,
    .flexWrap.twoColumn .formWrap.forgotNo,
    .flexWrap.twoColumn .formWrap.newPW,
    .flexWrap.twoColumn .formWrap.newLogin {
        width: 70%;
        margin: 0 auto;
        float: none;
        padding: 40px 0;
    }


    .productReviewsWriteWrap .flexWrap.twoColumn .formWrap {
        width: 50%;
        margin: 25px 0px 25px 0;
    }

    .flexWrap.accountRegisterWrap {
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}

.flexWrap .cartLogin select,
.flexWrap .cartLogin input[type=text],
.flexWrap .cartLogin input[type=email],
.flexWrap .cartLogin input[type=password],
.flexWrap .cartLogin input[type=tel] {
    width: 96%;
}


.flexWrap .cartLogin.columnHalf input[type=email],
.flexWrap .cartLogin.columnHalf input[type=password] {
    width: 96%;
    width: -webkit-calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: calc(100% - 12px);
}


.flexWrap .btn_standard_aktion,
.formWrap .btn_standard_aktion {
    margin-top: 30px;
}

.flexWrap .loginCustomerNew .btn_standard_aktion,
.formWrap .btn_standard_aktion {
    padding-right: 10px;
}

.flexWrap .cartLogin {
    width: 93%;
    width: -webkit-calc(100% - 40px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 40px); /** FF 4-15  **/
    width: calc(100% - 40px);
    margin: 25px 16px 25px 0;
    padding: 20px;
    float: none;
}

.flexWrap::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.flexWrap .accountRegister.loginCustomerNew,
.formWrap {
    width: auto;
    margin: 25px 0px 25px 0;
}

.flexWrap .accountRegister.loginCustomerNew {
    float: none;
}

.formWrap.SearchWrap {
    padding: 10px;
}

.flexWrap .accountRegister.loginCustomer {
    margin: 25px 0px 25px 0;
    align-self: flex-start;
}

.formWrap.SearchWrap .error_message,
.alternativeRow {
    margin-bottom: 10px;
}

.formWrap.SearchWrap .searchInput {
    width: 100%;
    float: none;
}

.formWrap.SearchWrap .btn_standard_aktion {
    padding-right: 3.5%;
    margin-top: 18px;
    float: none;
}

.cartLogin.loginImg.columnHalf {
    display: none;
}

.cartLogin.loginCustomer.flexWrapOne.columnHalf {
    margin: 25px 0px 25px 0;
    padding: 0px;
    background: transparent;
    width: auto;
}

@media screen and (min-width: 768px) {
    .formWrap.SearchWrap {
        padding: 10px 20px;
    }

    .formWrap.SearchWrap .searchInput {
        width: 80%;
    }

    .formWrap.SearchWrap .btn_standard_aktion {
        margin-top: 3px;
        padding-right: 0;
    }

    .formWrap.SearchWrap .searchInput,
    .formWrap.SearchWrap .btn_standard_aktion {
        float: left;
    }
}

@media screen and (min-width: 992px) {
    .flexWrap .cartLogin {
        width: 28%;
        width: -webkit-calc(33.332% - 56px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(33.332% - 56px); /** FF 4-15  **/
        width: calc(33.332% - 56px);
        margin: 25px 16px 25px 0;
        padding: 20px;
        float: left;
        padding-bottom: 1000px;
        margin-bottom: -1000px;
    }

    .cartLogin.loginImg.columnHalf {
        display: block;
        background: url(../img_aufbau/login.jpg) left top no-repeat;
        background-size: contain;
        height: 444px;
    }

    .cartLogin.loginCustomer.flexWrapOne.columnHalf,
    .cartLogin.loginImg.columnHalf {
        width: 45%;
        width: -webkit-calc(50% - 20px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(50% - 20px); /** FF 4-15  **/
        width: calc(50% - 20px);
        margin: 25px 0px 25px 0;
        padding-bottom: 0px;
        margin-bottom: 25px;
    }

    .cartLogin.loginCustomer.flexWrapOne.columnHalf {
        padding-top: 50px;
    }

    .flexWrap .accountRegister.loginCustomerNew {
        width: 60%;
        width: -webkit-calc(66.662% - 56px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(66.662% - 56px); /** FF 4-15  **/
        width: calc(66.662% - 56px);
        margin: 25px 0px 25px 56px;

        float: left;
    }

    .flexWrap .accountRegister.loginCustomer {
        width: 33.332%;
        margin: 25px 0px 25px 0;
        align-self: flex-start;
        float: left;
    }

    .formWrap.SearchWrap .searchInput {
        width: 87%;
    }
}

.formWrap.checkoutNl {
    background: rgba(240, 135, 23, 0.1);
}

.formWrap.checkoutPass {
    background: rgba(65, 65, 66, 0.1)
}

.formWrap.smallContent {
    width: auto;
}

@media screen and (min-width: 992px) {
    .formWrap.smallContent {
        width: 50%;
    }
}

.flexWrap .loginWholeseller {
    background: rgba(65, 65, 66, 0.2)
}

.flexWrap .loginGuest {
    background: rgba(65, 65, 66, 0.2)
}

.flexWrap .cartLogin p {
    margin-bottom: 1.5em;
}

fieldset.highlightbox {
    border: none;
}

.accountRegister fieldset.highlightbox + .accountRegister fieldset.highlightbox {
    margin-top: 30px;
}

.accountRegister #js-firma, .accountRegister #frmTelefon {
    margin-bottom: 30px;
}

.highlightbox legend {
    font-size: 1.5em;
    line-height: 1em;
    width: 95%;
    padding: 0 10px;
    border-bottom: 0;
}

form p {
    padding: 0 10px;
}

form .alert--warning {
    width: 85%;
    width: -webkit-calc(100% - 60px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 60px); /** FF 4-15  **/
    width: calc(100% - 60px);
    margin: 20px 0 20px 10px !important;
    line-height: 1.5em;
}

.highlightbox + .highlightbox {
    margin-top: 20px;
}

.forgotPassword {
    padding: 20px 0 10px 0;
}

.forgotPassword a {
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.forgotPassword a:hover {
    color: #3EA130;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.logoff .btn_standard_aktion {
    margin: 50px 0;

}

.logoff p {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .logoff p {
        width: 75%;
    }
}


/* HIGHLIGHTBOX (BACKGROUND)
div.highlightbox {padding:15px;background-color:#f8f8f8;border:solid #d9d9d9 1px;overflow:auto;margin-bottom:15px;}
div.highlightbox input[type=text],
div.highlightbox input[type=email],
div.highlightbox input[type=tel],
div.highlightbox input[type=password] { width:300px;}
div.highlightbox select {width:310px;}

div.highlightbox ul {margin-left:15px;padding:0;display:block;list-style-type:square;line-height:20px;}
div.highlightbox h1 {padding:0 0 0px 0;margin:0 0 10px ;border:none;font-size:17px;}
div.highlightbox hr { margin:10px 0px;}
div.highlight_left {float:left; width:45%;}
div.highlight_right {float:right; width:45%;}
*/


div.highlight_drittel {
    width: 32.5%;
    float: left;
    margin-right: 1.25%;
    min-height: 280px;
    box-sizing: border-box;
}

div.highlight_drittel input[type=text],
div.highlight_drittel input[type=email],
div.highlight_drittel input[type=password] {
    width: 200px;
}

div.highlight_drittel .captcha input[type=text] {
    width: 50px;
}


/* Main Colors  */


.catlist .item a .name,
#header .menu ul li:hover ul li a:hover,
#header .menu ul li ul li:hover ul li a:hover,
div#intelliSearchResult a:hover {
    background-color: rgba(217, 217, 217, 0.3);
}


/* Packstation */
.box_packstation {
    padding: 20px;
    background: #FFECB3;
}


/* Hinweis wenn Artikel ausverkauf (Warenkorb) */
.markProductOutOfStock {
    font-weight: bold;
    color: red;
}

/* Herstellerliste a-z */
.herstellerindex {
}

.herstellerindex .container p {
    text-align: left;

    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.herstellerindex .container p span,
.herstellerindex .container p a {
    margin: 5px 5px 5px 0;
}

.mazAktiv {
    padding: 3px 10px;
    background: rgba(65, 65, 66, 0.8);
    color: rgba(255, 255, 255, 1);
}

.mazExist {
    padding: 3px 10px;
    background: rgba(65, 65, 66, 0.5);
    color: rgba(255, 255, 255, 1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}

.mazExist:hover {
    background: rgba(65, 65, 66, 0.8);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.mazNo {
    padding: 3px 10px;
    background: rgba(65, 65, 66, 0.1);
    color: rgba(65, 65, 66, 0.3);
}

/* Produktliste a-z */
.produktindex {
}

.produktindex .container p {
    text-align: left;
    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.produktindex .container p span,
.produktindex .container p a {
    margin: 5px 5px 5px 0;
}

.pazAktiv {
    padding: 3px 10px;
    background: rgba(65, 65, 66, 0.8);
    color: rgba(255, 255, 255, 1);
}

.pazExist {
    padding: 3px 10px;
    background: rgba(65, 65, 66, 0.5);
    color: rgba(255, 255, 255, 1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.pazExist:hover {
    background: rgba(65, 65, 66, 0.8);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.pazNo {
    padding: 3px 10px;
    background: rgba(65, 65, 66, 0.1);
    color: rgba(65, 65, 66, 0.3);
}

/*Overlay fuer Testshopmodus */
#js-testOverlay {
    width: 219px;
    height: 25px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    z-index: 99999999999;
    position: fixed;
    bottom: 40%;
    bottom: -5px;
    line-height: 20px;
    background: rgb(255, 51, 102);
    right: -100px;
    bottom: 50%;
    /*
	-moz-transition:  translateX(-50%);
    -ms-transition:  translateX(-50%);
    -o-transition:  translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
    transform: translateX(-50%);
	*/
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding: 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-box-shadow: 2px 2px 10px #ccc;
    -webkit-box-shadow: 2px 2px 10px #ccc;
    box-shadow: 2px 2px 10px #ccc;
}

/*Overlay für Fremdes Login */
#js-fremdesLogin {
    width: 219px;
    margin: 30px;
    z-index: 99999999998;
    position: fixed;
    top: 0px;
    right: 0px;
    background: rgb(255, 51, 102);
    padding: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 10px #ccc;
    -webkit-box-shadow: 2px 2px 10px #ccc;
    box-shadow: 2px 2px 10px #ccc;
}

/* Countdown Timer für Expressversand */
#myCountdown_express {
    font-weight: bold;
}

/* Hinweis im Warenkorb*/
.msgBoxCart {
    font-size: 1em;
    line-height: 1.25em;
    text-align: left;
    padding: 20px 20px;
    font-weight: normal;
    background-color: #DCEDC8;
    color: #33691E;
    margin: 15px 0;
}

.msgBoxCart h2,
.msgBoxCart .h2,
.msgBoxCart a.popup_link,
.msgBoxCart a {
    color: #33691E;
    margin-bottom: 0px;
}

/* Funktion "LastViewed" unten mit Aufklappen und Anzeige der Artikel */
.js-box_lastviewed {
    position: fixed;
    bottom: -1000px;
    width: 80%;
    left: 50%;
    margin-left: -42.5%;
    padding: 20px 20px 0px 20px;
    z-index: 101;
    height: 270px;
    background: rgba(255, 255, 255, 1.00);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.lastViewedHeadline {
    text-align: left;
    padding: 0 0 30px 0;
}

.js-box_lastviewed.activeLast {
    background: #fff;
    bottom: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.prodlist_lastviewed {
    margin: auto;
    position: relative;
}

.prodlist_lastviewed .item {
    width: 100px;
    height: 220px;
    margin: 0px 15px 10px 0px;
    float: left;
    position: relative;
}

.prodlist_lastviewed .item a:hover {
    text-decoration: none;
}

.prodlist_lastviewed .item .bild {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    overflow: hidden;
}

.prodlist_lastviewed .item .bild img {
    width: 80%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    max-height: 100px;
}

.prodlist_lastviewed .item .name {
    color: #808080;
    font-size: 12px;
    line-height: 14px;
    height: 60px;
    text-align: center;
    overflow: hidden;
    margin: 5px 0 0 0;
    text-align: center;
    display: block;
}

.js-box_lastviewed hr {
    display: none;
}

#googleTrustedBatch {
    position: fixed;
    z-index: 1001;
    left: 0;
    bottom: 0px;
    left: -1px;
    bottom: -2px;
}

@media screen and (min-width: 768px) {
    #googleTrustedBatch {
        position: fixed;
        z-index: 999999;
        left: 0;
        bottom: -2px;
    }
}

.btn.js-lastviewed_open {

    padding: 5px;
    text-align: center;
    font-size: 0.875em;
    display: block;
    position: fixed;
    z-index: 999999;
    left: 50%;
    right: inherit;

    -moz-transition: translateX(-50%);
    -ms-transition: translateX(-50%);
    -o-transition: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    bottom: 0px;
    background: #e3e3e3;

    color: rgba(117, 117, 117, 1);
    cursor: pointer;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;

}

.btn.js-lastviewed_open:hover {
    color: #3EA130;
}

.btn.js-lastviewed_open.deactive {
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.btn.js-lastviewed_close {
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    color: #fff;
    cursor: pointer;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 100;
    text-indent: -9000px;
    background: none repeat scroll 0 0 rgba(65, 65, 66, 0.6);
    border: rgba(65, 65, 66, 0.7) 1px solid;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(165, 165, 166, 0.7);
    -moz-box-shadow: 4px 4px 10px 0px rgba(165, 165, 166, 0.7);
    -ms-box-shadow: 4px 4px 10px 0px rgba(165, 165, 166, 0.7);
    box-shadow: 4px 4px 10px 0px rgba(165, 165, 166, 0.7);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn.js-lastviewed_close::before,
.btn.js-lastviewed_close::after {
    width: 16px;
    height: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    background-color: #fff;
    position: absolute;
    content: "";
    top: 14px;
    left: 7px;
}

.btn.js-lastviewed_close::before {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.btn.js-lastviewed_close::after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.btn.js-lastviewed_close:hover {
    background: rgba(65, 65, 66, 0.8);
    border: rgba(117, 117, 117, 1) 1px solid;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


@media screen and (min-width: 768px) {
    .btn.js-lastviewed_open {

        padding: 5px;
        text-align: center;
        font-size: 0.875em;
        display: block;
        position: fixed;
        z-index: 999999;
        left: 50%;
        right: inherit;

        -moz-transition: translateX(-50%);
        -ms-transition: translateX(-50%);
        -o-transition: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);

        bottom: 0px;
        background: #e3e3e3;

        color: rgba(117, 117, 117, 1);
        cursor: pointer;
        -moz-transition: all ease-in-out 0.4s;
        -webkit-transition: all ease-in-out 0.4s;
        -ms-transition: all ease-in-out 0.4s;
        -o-transition: all ease-in-out 0.4s;
        transition: all ease-in-out 0.4s;
    }
}

/* Cookie Hinweis  */
.note_cookie {
    width: 100%;
    position: fixed;
    bottom: 0;
    display: block;
    background: rgba(65, 65, 66, 0.9);
    z-index: 9990;
    color: #fff;
    margin: 0 auto;
    min-height: 55px;
    box-sizing: border-box;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    padding: 0 20px;
    z-index: 999999;
}

.note_cookie .note_cookie_info {
    float: left;
    width: 96%;
    width: -webkit-calc(100% - 40px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 40px); /** FF 4-15  **/
    width: calc(100% - 40px);
    margin: 15px 0;
}

.note_cookie .note_cookie_info a {
    color: #fff;
    text-decoration: underline;
}

.note_cookie.note_hidden {
    visibility: visible;
    display: block;
    opacity: 1;
}

/* Wrapper für das Popup bei Contentseiten oder Ask-Question etc */
#popupWrapper {
    line-height: 1.25em;
}

#popupWrapper {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    display: none;
    left: 50%;
    height: auto;
    max-height: 600px;
    max-width: 800px;
    padding: 20px;
    position: fixed;
    top: 50%;
    width: 100%;
    z-index: 100000;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(165, 165, 166, 0.7);
    -moz-box-shadow: 4px 4px 10px 0px rgba(165, 165, 166, 0.7);
    -ms-box-shadow: 4px 4px 10px 0px rgba(165, 165, 166, 0.7);
    box-shadow: 4px 4px 10px 0px rgba(165, 165, 166, 0.7);
}

#popupWrapper #popupCloseBtn,
.noteCookieClose,
.noteAlertClose,
.js-noteVatClose,
.js-noteHolidayClose {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    color: #fff;
    cursor: pointer;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 100;
    text-indent: -9000px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#popupWrapper #popupCloseBtn {
    background: none repeat scroll 0 0 rgba(65, 65, 66, 0.6);
    border: rgba(65, 65, 66, 0.7) 1px solid;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(165, 165, 166, 0.7);
    -moz-box-shadow: 4px 4px 10px 0px rgba(165, 165, 166, 0.7);
    -ms-box-shadow: 4px 4px 10px 0px rgba(165, 165, 166, 0.7);
    box-shadow: 4px 4px 10px 0px rgba(165, 165, 166, 0.7);
}

.noteCookieClose,
.noteAlertClose,
.js-noteVatClose,
.js-noteHolidayClose {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    border: rgba(255, 255, 255, 0.7) 1px solid;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
}

#popupWrapper #popupCloseBtn {
    right: 5px;
    top: 5px;
}

.noteCookieClose {
    right: 20px;
    top: 10px;
}

.noteAlertClose {
    position: relative;
    float: right;
    right: 2px;
}

/* ??
.js-note_holiday .js-noteHolidayClose {
	top: 10px;
  position: relative;
    float: right;
    right: 2px;
}
*/

#popupWrapper #popupCloseBtn:hover {
    background: rgba(65, 65, 66, 0.8);
    border: rgba(117, 117, 117, 1) 1px solid;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.noteCookieClose:hover,
.noteAlertClose:hover,
.js-noteVatClose:hover,
.js-noteHolidayClose:hover {
    background: rgba(255, 255, 255, 0.5);
    border: rgba(255, 255, 255, 1) 1px solid;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#popupWrapper #popupCloseBtn:active,
.noteCookieClose:active,
.noteAlertClose:active,
.js-noteVatClose:active,
.js-noteHolidayClose:active {
    background: rgba(117, 117, 117, 1);
    border: rgba(117, 117, 117, 1) 1px solid;
}

#popupWrapper #popupCloseBtn::before,
#popupWrapper #popupCloseBtn::after,
.noteCookieClose::before,
.noteCookieClose::after,
.noteAlertClose::before,
.noteAlertClose::after,
.js-noteVatClose::before,
.js-noteVatClose::after,
.js-noteHolidayClose::before,
.js-noteHolidayClose::after {
    width: 16px;
    height: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    background-color: #fff;
    position: absolute;
    content: "";
    top: 14px;
    left: 7px;
}

#popupWrapper #popupCloseBtn::before,
.noteCookieClose::before,
.noteAlertClose::before,
.js-noteVatClose::before,
.js-noteHolidayClose::before {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

#popupWrapper #popupCloseBtn::after,
.noteCookieClose::after,
.noteAlertClose::after,
.js-noteVatClose::after,
.js-noteHolidayClose::after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);

}

.note_error .noteAlertClose::before,
.note_error .noteAlertClose::after,
.js-noteVatClose::before,
.js-noteVatClose::after {
    background-color: #B71C1C;
}

#popup {
    display: block;
    max-height: 560px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 3% 0 0;
    position: relative;
    width: 94%;
}

/* Hinweis wenn DropshippinhgAdresse genommen wurde */
.dropship_hinweis {
    border: 1px solid red;
    background: rgba(250, 232, 232, 1.00);
    padding: 5px;
    margin: 10px 0;
    display: block;
}


/* Lieferschwellenhinweis */
.js-note_vat {
    padding: 20px;
    background: #FFCDD2;
    color: #B71C1C;
    display: none;
    position: relative;
}

.js-note_vat .note_vat_info {
    text-align: left;
    width: 85%;
}

.js-note_vat .row {
    position: relative;
}

.js-note_vat .js-noteVatClose {
    position: absolute;
    right: 2px;
    top: 0px
}

/* Urlaubshinweis */
.js-note_holiday {
    padding: 20px;
    background: #FFCDD2;
    color: #B71C1C;
    display: none;
    position: relative;
}

.js-note_holiday .note_holiday_info {
    text-align: left;
    width: 85%;
}

.js-note_holiday .row {
    position: relative;
}

.js-note_holiday .js-noteHolidayClose {

    /*
  top: 10px;
  position: relative;
    float: right;
    right: 2px;
  */

    position: relative;
    float: right;
    right: 2px;
    top: -25px
}


/* Success für ASK_QUESTION */
#ask-form-success {
    background-color: rgb(0, 204, 0);
}

/* Fehlerhafte Eingabe im Feld */
.ask-error {
    background-color: #FFFFCC;

}

/* Infozeile für das fehlerhafte Feld */
.ask-info {
    background-color: red;
}

/* Ansichten-Wechsler "GRID" */
.grid {
    white-space: nowrap;
    float: left;
}

/* Aktuell aktive Auswahl */
.gridElement.gridOn,
.gridElement.gridOff {
    font-style: italic;
    padding: 8px 10px;
    min-width: 100px;
    width: auto;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 16px;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.gridElement.gridOn {
    background: #3EA130;;
    border: #3EA130 1px solid;
    color: #fff;
}

.gridElement.gridOff {
    font-style: italic;
    border: 1px solid #D8D8D8;
}

.gridElement.gridOff input[type="checkbox"] {
    display: none;
}

.gridElement label {
    margin: 0;
}


/*.grid hover*/
.gridElement:hover {
    border: 1px solid #555555;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.grid .gridElement {
    float: left;
}

.articleNo {
    line-height: 2.2em;
}


/* Endless Scrolling Pagination */
.ajax-loader-display {
    color: #999
}

.ajax-loader {
    display: block;
    position: relative;
    height: 80px;
    width: 100%
}

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 20px auto
}

.spinner .double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.spinner .double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
    100% {
        -webkit-transform: scale(0.0)
    }

}

@keyframes bounce {
    0% {
        -webkit-transform: scale(0.0);
        transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0)
    }
    100% {
        -webkit-transform: scale(0.0);
        transform: scale(0.0)
    }

}


/* Warenkorb als Div statt Tabellen*/


.mainCart {
    box-sizing: border-box;
    text-align: left;
    margin-top: 1em;
}

.mainCart .item .mTrue {
    display: none !important;
}

.mainCart .item .mTrue.mTrueQty {
    display: inline-block !important;
}

.mainCart.bigWarenkorb .item .mTrue.mTrueQty {
    width: 35px;
    height: 30px;
    font-size: 1.25em;
    font-size: 14px;
    padding: 0;
    line-height: 32px;
    text-align: center;
    display: block;
    padding: 0px;
    position: relative;
    vertical-align: top;
}

.mainCart.bigWarenkorb .item .productUnitTxt {
    height: 30px;
    font-size: 1.25em;
    font-size: 14px;
    padding: 0;
    line-height: 32px;
    text-align: left;
    display: inline-block;
    padding: 0px;
    position: relative;
    vertical-align: top;
}

.cartProductDescription h4,
.cartProductDescription,
.cartProductDescription li {
    font-size: 14px;
    line-height: 16px;
}

.cartDescAnwendung li {
    font-size: 12px;
    line-height: 14px;
}

.cartProductDescription h4 {
    margin-top: 24px;
}

.cartProductDescription {
    margin-bottom: 24px;
}

@media screen and (min-width: 768px) {
    .cartProductDescription h4,
    .cartProductDescription,
    .cartProductDescription li,
    .cartDescAnwendung li {
        font-size: 16px;
    }

    .cartProductDescription {
        line-height: 1.5em;
    }
}

ul.cartDescAnwendung {
    list-style: none;
    list-style-position: outside;
    margin-left: 0 !important;
    padding-left: 0em !important;
    margin-bottom: 0em !important;
    margin-top: 24px !important;
}

.cartDescAnwendung li {
    padding-left: 0px !important;
    text-indent: 0px !important;
}

.cartDescAnwendung li::before {
    content: '' !important;
    font-size: 0px !important;
    top: 0px !important;
    position: relative;
    left: 0px !important;
}

.cartDescAnwendung li img {
    float: left;
    padding: 2px 9px 2px 0;
    margin: 5px 5px 5px 0;
    width: 22px;
    height: 22px;
}

@media screen and (min-width: 768px) {
    .cartDescAnwendung li img {
        padding: 2px 9px 2px 0;
        margin: 10px 10px 10px 0;
    }
}

.cartDescAnwendung .prodUsageTxt {
    padding-top: 12px;
}

@media screen and (min-width: 768px) {
    .mainCart .item .mTrue,
    .mainCart .item .mTrue.mTrueQty {
        display: none;
    }
}

.mainCart .headline {
    display: none;
}

@media screen and (min-width: 992px) {
    .mainCart .headline {
        display: block;
        font-weight: bold;
        padding: 8px 0;
        line-height: 1.42857143;
        border-top: 1px solid rgba(65, 65, 66, 0.08);
        border-bottom: 1px solid rgba(65, 65, 66, 0.08);
    }
}

.mainCart .headline::after,
.mainCart .item::after,
.mainCart .total::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.mainCart .headline div {
    box-sizing: border-box;
    float: left;
}

.mainCart .item .faqAcc .acc_faq_text .bild,
.mainCart .item .bild {
    float: none;
}

.mainCart .item .faqAcc .acc_faq_text .bild img,
.mainCart .item .bild img {
    width: 85px;
    height: auto;
}

.mainCart .headline .headQty,
.mainCart .headline .headUst,
.mainCart .headline .headSingle,
.mainCart .headline .headTotal {
    display: none;
}

@media screen and (min-width: 768px) {
    .mainCart .headline .headUst,
    .mainCart .headline .headSingle,
    .mainCart .headline .headTotal {
        display: block;
    }
}

@media screen and (min-width: 992px) {
    .mainCart .headline .headQty {
        display: block;
    }
}

.mainCart .headline .headArticle {
    width: 62%;
    width: -webkit-calc(64% - 20px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(64% - 20px); /** FF 4-15  **/
    width: calc(64% - 20px);
}

.mainCart.bigWarenkorb .headline .headArticle {
    width: 45%;
}

@media screen and (min-width: 768px) {
    .mainCart.bigWarenkorb .headline .headArticle,
    .mainCart .headline .headArticle {
        width: 45%;
    }
}

@media screen and (min-width: 1200px) {
    .mainCart.bigWarenkorb .headline .headArticle,
    .mainCart .headline .headArticle {
        width: 50%;
    }
}

.conf_box5 .mainCart .item .itemQty .itemQtyNumber.mTrueQtyNoChange {
    text-align: right;
    font-size: 0.875em;
    line-height: 2em;
}

.conf_box5 .mainCart.confirmationCart .headQty {
    text-align: right;
}

@media screen and (min-width: 768px) {
    .conf_box5 .mainCart .item .itemQty .itemQtyNumber.mTrueQtyNoChange {
        font-size: 1em;
    }
}

@media screen and (min-width: 992px) {
    .conf_box5 .mainCart .item .itemQty .itemQtyNumber.mTrueQtyNoChange {
        line-height: 1.8em;
        width: 100px;
        line-height: 17px !important;
    }
}


.mainCart .headline .headSingle {
    width: 15%;
    text-align: right;
}

.mainCart .headline .headTotal {
    width: 120px;
    float: right;
    text-align: right;
    font-size: 0.875em;
}

.mainCart .item {
    background: #fff;
    border-bottom: 1px solid rgba(65, 65, 66, 0.08);
    padding: 30px 0 20px 0;
}

.mainCart .item div {
    box-sizing: border-box;
    float: left;
}

.mainCart .item .itemArticle {
    width: auto;
    float: none;
}

@media screen and (min-width: 992px) {
    .mainCart .headline .headTotal {
        font-size: 1em;
    }

    .mainCart.bigWarenkorb .item .itemArticle,
    .mainCart .item .itemArticle {
        width: 45%;
        float: left;
    }
}

@media screen and (min-width: 1200px) {
    .mainCart.bigWarenkorb .item .itemArticle,
    .mainCart .item .itemArticle {
        width: 50%;
    }

}


.mainCart .item .itemArticle .itemArticleImage {
    padding: 5px 5px 0 0;
    width: 60px;
    text-align: center;
    margin-right: 5px;
}

@media screen and (min-width: 768px) {
    .mainCart .item .itemArticle .itemArticleImage {
        width: 140px;

    }
}

.mainCart .item .itemArticle .itemArticleImage img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
}

.mainCart .item .itemArticle .itemArticleName {
    width: 90%;
    width: -webkit-calc(100% - 70px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 70px); /** FF 4-15  **/
    width: calc(100% - 70px);
    padding-left: 10px;
}

@media screen and (min-width: 768px) {
    .mainCart .item .itemArticle .itemArticleName {
        width: 90%;
        width: -webkit-calc(100% - 150px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(100% - 150px); /** FF 4-15  **/
        width: calc(100% - 150px);
        padding-left: 10px;
    }
}

@media screen and (min-width: 992px) {
    .mainCart .item .itemArticle .itemArticleImage {
        width: 150px;

    }

    .mainCart .item .itemArticle .itemArticleName {
        width: 75%;
        width: -webkit-calc(100% - 160px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(100% - 160px); /** FF 4-15  **/
        width: calc(100% - 160px);
        padding-left: 10px;
    }

}

.accountHistoryInfoSum .mainCart .item .itemArticle .itemArticleName {
    width: 100%;
}

.mainCart .item .itemUst,
.mainCart .item .itemSingle,
.mainCart .item .itemTotal,
.mainCart .item .itemQty {
    font-size: 1em;
    /*line-height: 1.25em;*/
}

.mainCart .item .itemArticle .itemArticleName p,
.mainCart .item i,
.mainCart .item .itemArticle .itemArticleName a.art_delete {
    font-size: 0.875em;
    line-height: 1.25em;
}

.mainCart .item .itemArticle .itemArticleName .faqAcc p {
    font-size: 1em;
    /*line-height: 1.5em;*/
}

@media screen and (min-width: 768px) {

    .mainCart.bigWarenkorb .item .mTrue.mTrueQty {
        font-size: 1.25em;
        font-size: 14px;
    }
}

@media screen and (min-width: 992px) {
    .mainCart .item .itemQty,
    .mainCart .item .itemUst,
    .mainCart .item .itemSingle,
    .mainCart .item .itemTotal {
        font-size: 1em;
        /*line-height: 1.25em;*/
    }

    .mainCart .item .itemTotal {
        line-height: 17px !important;
    }
}

.mainCart .item .itemArticle .itemArticleName p + p,
.mainCart .item .itemArticle .itemArticleName span {
    margin-bottom: 0;
    margin-top: 0.5em
}

.mainCart .item .itemArticle .itemArticleName .name {
    font-weight: 600;
    font-size: 16px;
    padding: 0;
    float: none;
    padding-bottom: 15px;
}

.mainCart .item .itemArticle .itemArticleName.itemArticleNameAccount {
    padding: 0;
}

.mainCart .item .itemArticle .error_message.error_messageCart {
    margin: 10px 0;
    float: none;
}

.mainCart .item .itemArticle span {
    display: block;
}

.mainCart .item .itemQty {
    width: auto;
    margin: 10px 0 10px 0px;
}

@media screen and (min-width: 374px) {
    .mainCart .item .itemQty {
        width: auto;
        margin: 10px 0 10px 75px;
    }
}

@media screen and (min-width: 768px) {
    .mainCart .item .itemQty {
        width: auto;
        margin: 10px 0 10px 10px;
    }
}

.mainCart .item .itemQty.itemQtyConfirmation {
    width: 80%;
    width: -webkit-calc(100% - 70px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 70px); /** FF 4-15  **/
    width: calc(100% - 70px);
    border: none;
    margin: 0px 0 0px 70px;
}

@media screen and (min-width: 992px) {
    .mainCart .item .itemQty,
    .mainCart .item .itemQty.itemQtyConfirmation {
        width: 130px;
        text-align: center;
        border: none;
        margin: 0;
    }

    .mainCart .headline .headQty {
        width: 130px;
        text-align: center;
    }

    .deleteWrapper {
        text-align: center;
        margin: 0 auto;
        width: 130px;
        margin-left: 0px;
        margin-left: 3px;
    }

    .accountHistoryInfoSum .mainCart .item .itemQty.itemQtyConfirmation {
        width: 130px
    }

}

.itemArticleWrapper .itemArticleName .itemQty {
    float: none;
    clear: both;
}


.mainCart .item .itemQty div {
    float: none;
    padding: 0;
}

.mainCart .item .itemQty .itemQtyNumber {
    float: left;
    text-align: right;
    width: 80%;
    width: -webkit-calc(100% - 75px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 75px); /** FF 4-15  **/
    width: calc(100% - 75px);
    line-height: 3.5em;
}

.mainCart .item .itemQty .itemQtyNumber.mTrueQtyNoChange {
    text-align: right;
    line-height: 1.5em;
    width: 100%;
}

.accountHistoryInfoSum .mainCart .item .itemQty .itemQtyNumber.mTrueQtyNoChange {
    text-align: center;
    line-height: 1.2em;
    width: 100%;
}

.mainCart .item .itemQty .itemQtyChange {
    margin: -6px 0 0 0;
    text-align: center;
    padding: 0;
    float: left;
}

@media screen and (min-width: 992px) {
    .mainCart .item .itemQty .itemQtyChange {
        float: left;
    }

    .mainCart .item .itemQty .itemQtyNumber {
        float: none;
        text-align: right;
        padding-right: 0px;
        width: 100%;
    }

    .mainCart .item .itemQty .itemQtyChange {
        float: none;
    }
}

.mainCart .item .itemQty .itemQtyChange .btnItemQtyChange {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 1.25em;
    padding: 0;
    background: rgba(117, 117, 117, 0.6);
}

.mainCart .item .itemQty .itemQtyChange .art_delete {
    font-size: 0.875em;

}

.mainCart .item .itemUst,
.mainCart .item .itemSingle {
    width: 80%;
    width: -webkit-calc(100% - 70px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 70px); /** FF 4-15  **/
    width: calc(100% - 70px);
    text-align: right;
    margin-left: 70px;
    /*line-height: 1.5em;*/
}

.mainCart .item .itemTotal {
    width: auto;
    text-align: right;
    margin-left: 0px;
    line-height: 1.5em;
    margin-top: 8px;
    float: right;
}

.conf_box5 .mainCart .item .itemUst {
    border-top: 1px solid rgba(65, 65, 66, 0.08);
    margin-top: 15px;
    padding-top: 15px;
}


.mainCart .item .itemUst span,
.mainCart .item .itemSingle span,
.mainCart .item .itemTotal span {
    text-align: left;
    display: inline-block;
    float: left;
}

.mainCart .grundpreis {
    font-size: 0.875em;
}

.mainCart .headline .headUst {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .conf_box5 .mainCart .item .itemUst {
        border-top: 0px solid rgba(65, 65, 66, 0.08);
        margin-top: 0px;
        padding-top: 0px;
    }

    .mainCart .item .itemUst span,
    .mainCart .item .itemSingle span,
    .mainCart .item .itemTotal span {
        display: none;
    }

    .mainCart .item .itemUst,
    .mainCart .headline .headUst {
        width: 80px;
        margin-left: 0px;
        text-align: center;
    }

    .mainCart .item .itemSingle {
        width: 25%;
        margin-left: 0px;
    }

    .mainCart .item .itemTotal {
        width: 100px;
        float: right;
        margin-left: 0;
        text-align: right;
        margin-top: 0px;
    }
}

@media screen and (min-width: 768px) {
    .mainCart .item .itemTotal {
        width: 130px;
    }

    .accountHistoryInfoSum .mainCart .item .itemTotal {
        width: 120px;
    }

    .mainCart .item .itemSingle {
        width: 25%;
    }
}

@media screen and (min-width: 992px) {
    .mainCart .item .itemSingle {
        width: 15%;
    }
}


.mainCart .total,
.mainCart .cartTotalWarenwert,
.mainCart .cartTotalTotal {

    width: 100%;

    display: block;

}

.cartTotalWarenwert::after,
.cartTotalTotal::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

@media screen and (min-width: 768px) {
    .mainCart .total,
    .mainCart .cartTotalWarenwert,
    .mainCart .cartTotalTotal {
        -webkit-flex-direction: row;
        flex-direction: row;
    }

}

.mainCart .total {
    float: none;
}

.mainCart .total .cartHint {
    box-sizing: border-box;
    margin: 20px 0;
    width: 100%;
    background: rgba(250, 219, 185, 1);
    float: none;
}

@media screen and (min-width: 768px) {
    .mainCart .total .cartHint {
        width: 50%;
        float: left;
    }

    .cartTotal {
        float: left;
    }
}

.mainCart .total .cartHint .alert--warning {
    padding: 20px;
    background: none;
}

.mainCart .total .cartHint .alert--warning + .alert--warning {
    padding: 0 20px 20px 20px;
}

.mainCart .total .cartTotal {
    box-sizing: border-box;
    padding: 20px 0;
    width: 100%;
    text-align: right;
    line-height: 1.5em;
}

@media screen and (min-width: 768px) {
    .mainCart .total .cartTotal {
        width: 50%;
    }
}

.mainCart .total .cartTotal .cartTotalTotal {
    font-size: 1.25em;
    font-weight: 600;
    margin: 10px 0;
}

.mainCart .total .cartTotal .cartTotalTotal p {
    display: inline;
    border-bottom: #555555 3px double;
}

.mainCart .total .cartTotal .cartTotalShipping,
.mainCart .total .cartTotal .cartTotalWeight,
.mainCart .total .cartTotal .cartTotalUst {
    font-size: 0.875em;
    width: 100%;
}

.mainCart .total .cartTotal .cartTotalShipping a {
    font-size: 0.875em;
}

.mainCart .cartTotalWarenwert,
.mainCart .cartTotalTotal {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.mainCart .cartTotalTotal .cartTotalLeft,
.mainCart .cartTotalTotal .cartTotalRight {
    padding-bottom: 5px;
    border-bottom: 3px double rgba(65, 65, 66, 0.3);
}

.mainCart .cartTotalLeft {
    width: 50%;
    text-align: left;
    float: left;
    margin-left: 0;
}

.mainCart .cartTotalRight {
    width: 50%;
    text-align: right;
    float: right;
}

@media screen and (min-width: 992px) {
    .mainCart .cartTotalLeft {
        width: 40%;
        margin-left: 15%;
    }

    .mainCart .cartTotalRight {
        width: 45%;
    }
}

.mainCart .faqAcc h2,
.mainCart .faqAcc .h2,
.mainCart .amazAcc h2,
.mainCart .amazAcc .h2 {
    margin-bottom: 0;
}

.mainCart .faqAcc ul,
.mainCart .amazAcc ul {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 1em;
    margin-bottom: 0.5em;
}

.mainCart .faqAcc li,
.mainCart .amazAcc li {
    padding-left: 6px;
    text-indent: -8px;
}

.mainCart .faqAcc li::before,
.mainCart .amazAcc li::before {
    content: '\00b7';
    font-size: 32px;
    top: 6px;
    position: relative;
    left: -10px;
}


/* XCART */
.xcart .boxInCart .inCartSum,
.xcart .boxInCart .toCart,
.xcart .boxInCart .toCart > div,
.xcart .boxInCart .toCartWeiter,
.xcart .boxInCart .toCartButton,
.xcart .boxInCart .inCartSum > div {
    float: none !important;
}

.xcart .boxInCart .toCartButton a {
    margin: 2em 0 0.5em 0;
}

.xcart .boxInCart {
    width: 50%;
}

.xcart .itemArticleName-cartInfo {
    width: 100%
}

.xcart .boxInCart .inCartSum .inCartSumSum {
    padding-top: 1em;
    margin-top: 1em;
    border-top: 1px solid rgba(117, 117, 117, 1)
}

h1.inWarenkorbCheck {
    font-size: 1em;
    color: #3EA130;
}

h1.inWarenkorbCheck i {
    position: relative;
    top: 4px;
}

.xcart .itemUst span,
.xcart .itemSingle,
.xcart .itemUst {
    font-size: 0.775em !important;
}

.xcart .itemUst {
    margin-top: 6px;
}

.xcart .itemArticle .itemQty {
    display: none !important;
}

.xcart .itemTotal,
.xcart .itemUst,
.xcart .itemUst span,
.xcart .itemSingle {
    display: none;
}

.xcart .itemArticle {
    width: auto !important;
    float: none;
}

.xcart .boxInCart {
    width: 30%;
    float: none;
}

.xcart .itemArticle .itemArticleName {
    width: 50% !important;
    margin-right: 16px;
}

.xcart .itemArticle {
    width: 100% !important;
    float: none;
}

.xcart .boxInCart {
    width: 100%;
    float: none;
    margin-top: 32px;
}

.toCartWeiter a {
    font-size: 0.875em;
}

.xcart .itemArticle .itemArticleName {
    width: calc(100% - 65px) !important;
    padding-left: 10px;
    margin-right: 0;
}

@media screen and (min-width: 768px) {
    h1.inWarenkorbCheck {
        font-size: 1.25em;
    }

    .xcart .itemArticle {
        width: 60% !important;
        float: left !important;
    }

    .xcart .boxInCart {
        width: 40%;
        float: left;
        margin-top: 0px;
    }
}

@media screen and (min-width: 992px) {

    .xcart .itemArticle {
        width: 70% !important;
        float: left;
    }

    .xcart .boxInCart {
        width: 30%;
        float: left;
    }

    .xcart .itemArticle .itemArticleName {
        width: 50% !important;
        margin-right: 16px;
    }

}

@media screen and (min-width: 1200px) {
    .xcart .itemArticle {
        width: 70% !important;
    }

    .xcart .boxInCart {
        width: 30%;
    }

    .xcart .itemArticle .itemQty {
        display: block !important;
        width: 160px !important;
    }

    .xcart .itemTotal,
    .xcart .itemUst,
    .xcart .itemUst span,
    .xcart .itemSingle {
        display: block !important;
        width: auto !important;
        float: none !important;
        text-align: right !important;
    }


}


.btn_aktion {
    padding: 20px 0;
    width: 100%;
    /*height: 100%;*/
    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
}

.mainCart.bigWarenkorb .btn_aktion,
.btn_aktion.zurKasse,
.btn_checkout.btn_aktion {
    display: block;
    width: 100%;
}

.mainCart.bigWarenkorb .btn_aktion::after,
.btn_aktion.zurKasse::after,
.checkoutShippingWrap .btn_aktion::after,
.checkoutPaymentWrap .btn_aktion::after,
.btn_checkout.btn_aktion::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


.btn_aktion a,
.btn_aktion.zurKasse input {
    padding: 0 50px;
    height: 45px;
    font-size: 1.25em;
    line-height: 2.25em;
    cursor: pointer;
    align-self: flex-end;
}

.moreShopping span {
    font-weight: 600;
}

.moreShopping p.headline {
    margin-bottom: 0.5em;
}

.moreShopping p + p {
    margin: 0;
}

.shoppingContact {
    padding: 20px;
    background: rgba(65, 65, 66, 0.05);
    line-height: 1.25em;
}

.adminDelete {
    margin-top: 20px;
}

.adminDelete {
    margin-top: 20px;
}

.adminDelete a:hover,
.adminDelete:hover {
    color: #3EA130;
}


.btnWeiterEinkaufen {
    position: relative;
}

.btnWeiterEinkaufen a,
.btnWeiterEinkaufen a:hover {
    text-decoration: none;
}

.btnWeiterEinkaufen a:hover {
    color: #3EA130;
}

@media screen and (min-width: 768px) {
    .btnWeiterEinkaufen {
        width: auto;
        display: inline-block;
    }
}

/* Cart Bonusprogramm */
.cartBonusWrap,
.kuponContentWrap {
    padding: 20px 0;
    margin: 0px 0;
    border-top: 1px solid rgba(65, 65, 66, 0.08);
    border-bottom: 1px solid rgba(65, 65, 66, 0.08);
}

.cartBonusWrap,
.kuponContentWrap {
    display: block;
}

.cartBonusInput,
.kuponInput {
    display: table; /* Fallback IE<9 */
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media screen and (min-width: 768px) {
    .cartBonusWrap,
    .kuponContentWrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

#bonus_points,
#promo_quantity {
    width: 100%;
    margin-top: 25px
}

@media screen and (min-width: 768px) {
    #bonus_points,
    #promo_quantity {
        width: 50%;
        margin-top: 0;
    }
}

@media screen and (min-width: 1200px) {
    #bonus_points,
    #promo_quantity {
        width: 30%;
    }
}

.cartBonusTxt,
.kuponTxt {
    width: 100%;
    line-height: 1.5em;
}

@media screen and (min-width: 768px) {
    .cartBonusTxt,
    .kuponTxt {
        width: 70%;
        align-self: center;
    }
}

@media screen and (min-width: 992px) {
    .cartBonusTxt,
    .kuponTxt {
        width: 50%;
    }
}

@media screen and (min-width: 1200px) {
    .cartBonusTxt,
    .kuponTxt {
        width: 70%;
    }
}

.cartBonusInput,
.kuponInput {
    justify-content: flex-end;
    align-content: flex-end;
    width: 100%;
    height: 100%;
}

.cartBonusWrap .qty,
.kuponInput .qty {
    width: 70px;
    margin-right: 15px;
    align-self: center;
}

@media screen and (min-width: 768px) {
    .cartBonusWrap .qty,
    .kuponInput .qty {
        width: 100px;
    }
}

.cartBonusWrap .button,
.kuponInput .button {
    align-self: center;

}


/* Sidebar links mit Kontakt */
#sidebar {
    display: none;
}

@media screen and (min-width: 992px) {
    #sidebar {
        display: block;
    }
}

#sidebar {
    position: fixed;
    left: 0;
    top: 260px;
    z-index: 901;
}

#sidebar .item {
    position: relative;
    font-size: 24px;
    width: 40px;
    height: 40px;
    margin-bottom: 2px;
    background: rgba(165, 165, 166, 0.7);
    color: #fff;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#sidebar .item:hover {
    background: rgba(165, 165, 166, 1);
    cursor: pointer;
}

#sidebar .item a,
#sidebar .item a:hover {
    color: #fff;
}

#sidebar .iconFonts {
    padding-left: 5px;
}

#sidebar .item .bubble {
    position: absolute;
    width: 200px;
    height: auto;
    padding: 10px;
    background: #FFFFFF;
    border: rgba(165, 165, 166, 1) solid 1px;
    color: rgba(117, 117, 117, 1);
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    opacity: .0;
    filter: Alpha(Opacity=0);
    visibility: hidden;
    z-index: 901;
    left: 50px;
    top: 0px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#sidebar .item .bubble strong {
    font-weight: 600;
}

#sidebar .item .bubble::after {
    content: "";
    position: absolute;
    top: 11px;
    left: -10px;
    border-style: solid;
    border-width: 9px 10px 9px 0;
    border-color: transparent #FFFFFF;
    display: block;
    width: 0;
    z-index: 1;
}

#sidebar .item .bubble::before {
    content: "";
    position: absolute;
    top: 11px;
    left: -11px;
    border-style: solid;
    border-width: 9px 10px 9px 0;
    border-color: transparent rgba(165, 165, 166, 1);
    display: block;
    width: 0;
    z-index: 0;
}

#sidebar .item:hover .bubble {
    opacity: 1;
    filter: Alpha(Opacity=100);
    visibility: visible;
    left: 60px;
    z-index: 901;
}

/*------------------------------*/
/*----   AjAX-Versandrechner   ------*/
/*----------------------------*/
.js-versandResult {
    background: rgba(62, 161, 48, 0.2);
    padding: 20px;
}


/*------------------------------*/
/*-------   Download   ---------*/
/*----------------------------*/

.mediaDownload p::before {
    font-size: 1.5em;
    top: 3px;
    position: relative;
    font: normal normal normal 16px/1 'Material Icons';
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 0.375em;
    position: relative;
    content: '\e2c4';
}

.mediaDownload p:nth-child(2)::before {
    content: '';
    margin-right: 16px;
}

.mediaDownload {
    margin: 16px 0;
}

.mediaDownload a {
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.mediaDownload a:hover {
    color: #3EA130;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}


/*------------------------------*/
/*---------- TABLE ------------*/
/*----------------------------*/

table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 0.875em;

}

@media screen and (min-width: 768px) {
    table {
        font-size: 1em
    }
}

table a {
    border-bottom: 1px solid rgba(65, 65, 66, 0.3);
}

table a:hover {
    border-bottom: 1px solid rgba(65, 65, 66, 0.5);
}

table a.btnproductlink {
    border-bottom: 0px solid rgba(65, 65, 66, 0.3);
}

table a.btnproductlink:hover {
    border-bottom: 0px solid rgba(65, 65, 66, 0.3);
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
}

tbody {
    text-align: left;
}

table > caption + thead > tr:first-child > td,
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > td,
table > thead:first-child > tr:first-child > th {
    border-top: 0;
}

table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid rgba(65, 65, 66, 0.03);
}

table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid rgba(65, 65, 66, 0.05);
}

th {
    text-align: left;
}

td, th {
    padding: 0;
}

table > tbody > tr:hover {
    background-color: rgba(65, 65, 66, 0.03);
}


/*------------------------------*/
/*------- TABLE TO DIV ---------*/
/*----------------------------*/
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 0.875em;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media screen and (min-width: 768px) {
    .table {
        font-size: 1em
    }
}

.table a:hover .spalte1 {
    color: #3EA130;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.table a.btnproductlink {
    border-bottom: 0px solid rgba(65, 65, 66, 0.3);
}

.table a.btnproductlink:hover {
    border-bottom: 0px solid rgba(65, 65, 66, 0.3);
}

.caption {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
}

.tbody {
    text-align: left;
}

.table .tr:first-child > .td,
.table .tr:first-child > .th {
    border-top: 0;
}

.table .tr .th {
    vertical-align: bottom;
    border-bottom: 1px solid rgba(65, 65, 66, 0.03);
}

.table .tr > .td,
.table .tr > .th {
    padding: 4px;
    /*line-height: 1.42857143;*/
    vertical-align: top;
    border-top: 1px solid rgba(65, 65, 66, 0.05);
    height: 20px;
}

.th {
    text-align: left;
}

.td, .th {
    padding: 0;
}

.table .tr:hover {
    background-color: rgba(65, 65, 66, 0.03);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/*------------------------------*/
/*------ TABLE DOWNLOAD --------*/
/*----------------------------*/
.table .spalte1 {
    width: 95%;
    width: -webkit-calc(100% - 8px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 8px); /** FF 4-15  **/
    width: calc(100% - 8px);
    border-bottom: 1px solid rgba(65, 65, 66, 0) !important;
}

.table .spalte2 {
    width: 55%;
    width: -webkit-calc(60% - 8px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(60% - 8px); /** FF 4-15  **/
    width: calc(60% - 8px);
}

.table .spalte3,
.table .spalte4 {
    width: 23%;
    width: -webkit-calc(25% - 8px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(25% - 8px); /** FF 4-15  **/
    width: calc(25% - 8px);
}

.table .spalte4 {
    width: 7%;
    width: -webkit-calc(10% - 8px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(10% - 8px); /** FF 4-15  **/
    width: calc(10% - 8px);
}

.table .spalte4 img {
    width: 20px;
    height: 20px;
}

.table .spalte4 {
    text-align: right;
}

@media screen and (min-width: 600px) {
    .table .spalte1 {
        width: 20%;
        width: -webkit-calc(25% - 8px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(25% - 8px); /** FF 4-15  **/
        width: calc(25% - 8px);
        border-bottom: 1px solid rgba(65, 65, 66, 0.03) !important;
    }

    .table .spalte2 {
        width: 38%;
        width: -webkit-calc(40% - 8px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(40% - 8px); /** FF 4-15  **/
        width: calc(40% - 8px);
    }

    .table .spalte3,
    .table .spalte4 {
        width: 23%;
        width: -webkit-calc(25% - 8px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(25% - 8px); /** FF 4-15  **/
        width: calc(25% - 8px);
    }

    .table .spalte4 {
        width: 7%;
        width: -webkit-calc(10% - 8px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(10% - 8px); /** FF 4-15  **/
        width: calc(10% - 8px);
    }

    .table .spalte4 img {
        width: 20px;
        height: 20px;
    }

    .table .spalte4 {
        text-align: right;
    }
}

@media screen and (min-width: 768px) {
    .table .spalte1 {
        width: 17%;
        width: -webkit-calc(20% - 8px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(20% - 8px); /** FF 4-15  **/
        width: calc(20% - 8px);
    }

    .table .spalte2 {
        width: 52%;
        width: -webkit-calc(55% - 8px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(55% - 8px); /** FF 4-15  **/
        width: calc(55% - 8px);
    }

    .table .spalte3 {
        width: 12%;
        width: -webkit-calc(15% - 8px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(15% - 8px); /** FF 4-15  **/
        width: calc(15% - 8px);
    }

    .table .spalte4 {
        width: 7%;
        width: -webkit-calc(10% - 8px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(10% - 8px); /** FF 4-15  **/
        width: calc(10% - 8px);
    }
}


/*------------------------------*/
/*------- ANIMATIONEN ---------*/
/*----------------------------*/
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-ms-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}


/* weitere Ergebniss laden */
a.loadMoreResults {
    width: auto;
    line-height: 32px;
    height: 32px;
    text-align: center;
    display: block;
    padding: 0px 25px;
    background: #3EA130;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

a.loadMoreResults:hover {
    background: #FFDD00;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.iconPlus::before {
    content: '\+'; /* chevron-up */
}

.iconMinus::before {
    content: '\-'; /* chevron-up */
}


/*------------------------------*/
/*-------  HEIDELPAY  ---------*/
/*----------------------------*/

#paymentFrameIframe {
    width: 100%;
    height: 360px;
    background-color: transparent !important;
    background-image: none;
}

#ngwcc_header,
#ngwInfo {
    margin-bottom: 8px;
    line-height: 24px;
}

.heidelpay {
    background-color: #F1F8E9;
    padding: 10px;
    float: right;
    width: 97% !important;
    width: -webkit-calc(100% - 20px) !important;
    width: -moz-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}

@media screen and (min-width: 992px) {
    .heidelpay {
        background-color: #F1F8E9;
        padding: 10px;
        float: right;
        width: 48% !important;
        width: -webkit-calc(50% - 20px) !important;
        width: -moz-calc(50% - 20px) !important;
        width: calc(50% - 20px) !important;
    }
}

.heidelpay #ngwcc_header,
.heidelpay #ngwInfo,
.heidelpay #paymentFrameForm {
    width: 100%;
    padding-left: 0;
}

.heidelpay #ngwcc_header {
    font-weight: bold;
}

#paymentFrameForm .btn.btn-primary {
    padding: 0 50px;
    height: 45px;
    font-size: 1.25em;
    line-height: 2.25em;
}

.creditCardSymbols {
    vertical-align: middle;
    float: right;
    margin-left: 5px;
    margin-top: 8px;
    width: auto;
}

#accountVerificationContainer {
    width: 75px;
    float: right;
    margin-right: 0;
}

.heidelpay::after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.note_oldWK.hidden {
    visibility: hidden;
    display: none;
    opacity: 0;
}

/* fuer Passwort-Staerke Anzeige */
#js-pwdMeter_wrapper {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
    border-radius: 0px;
    margin-bottom: 20px;
}

#js-pwdMeter {
    width: 0px;
    height: 5px;
    margin-bottom: 5px;
}

#js-pwdPass_type {
    text-align: center;

}

/* Content Page Download*/
ul.service {
    list-style: none;
    margin-bottom: 2em;
}

ul.service li {
    line-height: 1.75em;
}

ul.service li a::before {
    font: normal normal normal 16px/1 'Material Icons';
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    position: relative;
    top: 3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e2c4';
    left: -15px;
}

/* Content Sitemap*/
.sitemapLevelOne > li > a {
    font-weight: bold;
    text-transform: uppercase;
}

.sitemapLevelOne li {
    list-style: none;
}

.sitemapLevelOne li a i {
    position: relative;
    top: 3px;
}

.sitemapLevelOne > li {
    margin: 30px 0 20px 0;
    border-bottom: 1px solid #000;
}

.sitemapLevelTwo li {
    border-bottom: 0px;
}

/* Content Productindex*/
.productIndex a,
.productIndex strong {
    width: 36px;
    height: 36px;
    border: 1px solid #000;
    margin-bottom: 4px;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    text-decoration: none;
}

.productIndex a:hover {
    text-decoration: none;
}

.productIndex strong {
    background: #000;
    color: #fff;
}

.productIndexList {
    list-style: none;
    margin: 20px 0 0 0 !important;
}

.productIndex + p {
    margin: 20px 0 0 0;
}

.productIndexList i {
    position: relative;
    top: 3px;
}

.productIndexList li {
    padding: 4px 0;
}

/* Warenkorb Versandkostenrechner */
.versandkostenrechner {
    margin-top: 50px;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .versandkostenrechner {
        margin-top: 50px;
        width: 50%;
    }
}

/* ########### NOC ###########  */

.noc1,
.noc2,
.noc3 {
    position: relative;
    margin-top: 30px;
}

.noc1HL,
.noc2HL,
.noc3HL,
.nocContent h2 {
    position: relative;
    margin-top: 0px !important;
}

.noc1::before,
.noc1HL::before {
    content: '';
    width: 100px;
    height: 60px;
    background: url(../img_aufbau/1-no.svg) repeat-x;
    position: absolute;
    z-index: 1;
}

.noc2::before,
.noc2HL::before {
    content: '';
    width: 100px;
    height: 60px;
    background: url(../img_aufbau/2-no.svg) repeat-x;
    position: absolute;
    z-index: 1;
}

.noc3::before,
.noc3HL::before {
    content: '';
    width: 100px;
    height: 60px;
    background: url(../img_aufbau/3-no.svg) repeat-x;
    position: absolute;
}

.noc1 p {
    padding-left: 38px;
    line-height: 40px;
}

.noc1HL {
    left: 38px;
}

.noc1HL::before {
    left: -38px;
    top: -5px;
}

.noc2 p {
    padding-left: 72px;
    line-height: 40px;
}

.noc2HL {
    left: 72px;
}

.noc2HL::before {
    left: -72px;
    top: -5px;
}

.noc3 p {
    padding-left: 108px;
    line-height: 40px;
}

.noc3HL {
    left: 108px;
}

.noc3HL::before {
    left: -108px;
    top: -5px;
}


.right .noc1::before,
.right .noc2::before {
    z-index: -1
}

.right .noc1 a,
.right .noc2 a {
    z-index: 1
}

@media screen and (min-width: 992px) {

    .noc1HL::before,
    .noc2HL::before,
    .noc3HL::before {
        top: 5px;
    }
}


/*------------------------------*/
/*------  CONTENT PAGE  -------*/
/*----------------------------*/

.content_page #about .section-header img[src*=".svg"] {
    width: 52px;
    height: 52px;
    margin: 20px 0 0 0;
}

/* Timeline */


.timeline {
    position: relative;
    list-style: none;
    padding: 1rem 0;
    margin: 0;
}

.timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -1px;
    background-color: #3EA130;
    font-size: inherit;
}


.timeline-item {
    position: relative;
    width: 50%;
    padding: 1rem 0;
    padding-right: 2.5rem;
    text-align: right;
}

.timeline-item::before {
    content: '';
    position: absolute;
    right: -8px;
    top: 1.35rem;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #3EA130;
    background-color: #fff;
}

.timeline-item:nth-child(even) {
    margin-left: 50%;
    padding-left: 2.5rem;
    padding-right: 0;
    text-align: left;
}

.timeline-item:nth-child(even)::before {
    right: auto;
    left: -8px;
}

#timeline h5 {
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    font-size: 1.375em;
    line-height: 1.375em;
    text-align: inherit;
    color: #3EA130;
    margin: 0;
    margin-bottom: 0;
}


@media screen and (max-width: 767.98px) {
    .timeline::before {
        left: 8px;
    }

    .timeline-item {
        width: 100%;
        text-align: left;
        padding-left: 2.5rem;
        padding-right: 0;
    }

    .timeline-item::before {
        top: 1.25rem;
        left: 1px;
    }

    .timeline-item:nth-child(even) {
        margin-left: 0rem;
    }

    .timeline-item:nth-child(even)::before {
        left: 1px;
    }
}

/* Weee-Nummer */
.weeeNo {
    padding: 30px 0px 10px 0px;
    font-weight: bold;
}

/* MeinEinkauf */
#meinEinkaufArea {
    display: none;
    background: #F2EFEF;
    padding: 20px;
}

#meinEinkaufAreaInfo {
    display: none;
    background: #F2EFEF;
    padding: 20px;
    margin-bottom: 20px;
}

#meinEinkaufArea .checkbox label {
    color: #3EA130;
    font-weight: 600;
}

#meinEinkaufAreaInfo .meinEinkaufAreaBild {
    margin-bottom: 20px;
}

/* Teilesuche Inaktive Select-Boxen */
#frmTSB:disabled, #frmTSC:disabled {
    color: rgba(255, 255, 255, 0.5); /* Schrift 0.5 transparent */
}

/* Responsive Tabelle */
@media screen and (max-width: 769px) {
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

/* LipoFinder */
.step2Content {
    display: block;
}

.step2Wrapper h3 {
    font-size: 1em;
}

@media screen and (min-width: 768px) {
    .step2Wrapper h3 {
        font-size: 1.5em;
    }
}

.step2Wrapper .liegend,
.step2Wrapper .gedreht {
    width: auto;
}

.step2Wrapper .liegend {
    margin-right: 0;
}

@media (min-width: 768px) {
    .step2Content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;

    }

    .step2Wrapper .liegend,
    .step2Wrapper .gedreht {
        width: 352px;
    }

    .step2Wrapper .liegend {
        margin-right: 176px;
    }
}

.step2Img {
    opacity: 0.6
}

.step2Img.aktiv {
    opacity: 1
}

p.noResult {
    font-size: 1.25em;
}

@media screen and (min-width: 768px) {
    p.noResult {
        font-size: 1.25em;
    }
}

p.noResult span {
    position: relative;
    top: 4px;
}

/* Produkterinnerung */
#js-reminder-feedback {
    margin: 15px 0;
    display: none;
}

.notbuyable {
    padding: 20px;
    color: #fff;
    margin: 20px 0;
    line-height: 1.5em;
    background-color: #B71C1C;
}

/* Wartungsmodus */
#js-maintenance {
    background: #FFCDD2;
    color: #B71C1C;
    line-height: 1.25em;
    padding: 20px 20px 20px 30px;
    margin: 15px 0;
    list-style: none;
    position: relative;
}

/* PLZ Hinweis */
.form .js-city-hint {
    text-decoration: underline;
}

.form .js-city-hint:hover {
    text-decoration: underline;
    cursor: pointer;
}


/* 21.11.2021*/
/* MM */
.js-box-toggler {

    background-color: red;

}