/* header*/


/*-

1. Wrapper
2. Top Header
3. Whislist
4. Service, Währung, Länderkennung, Account
5. Account
6. Service
7. Logo
8. Suchbox
9. Toggler
10. Suggest Search Foldout
11. Warenkorb
12. Teilesuche
13. Rabatt
-*/


/*##########   1. Wrapper   ##########*/
#header { 
	box-sizing: border-box;
}
#header .wrap {
	top: 0;
    width: 100%;
    box-sizing: border-box;
	z-index: 9999;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(165,165,166,0.4);
    -moz-box-shadow: 0px 2px 5px 0px rgba(165,165,166,0.4);
    -ms-box-shadow: 0px 2px 5px 0px rgba(165,165,166,0.4);
    box-shadow: 0px 2px 5px 0px rgba(165,165,166,0.4);
	-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;
}
@media screen and (min-width: 768px) {
	#header .wrap {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(165,165,166,0.4);
    -moz-box-shadow: 0px 0px 0px 0px rgba(165,165,166,0.4);
    -ms-box-shadow: 0px 0px 0px 0px rgba(165,165,166,0.4);
    box-shadow: 0px 0px 0px 0px rgba(165,165,166,0.4);
	}
	
}
/*##########   2. Top Header   ##########*/

.top_header a {
	color: #555;
}
.top_header a:hover {
	text-decoration:none;
	color:  #3EA130;
}


/* Top Header-Zeile  */

.top_header {
	height:auto;
	/*padding: 0.5em 0;*/
	font-size:0.75em; 
	width:auto;
	background: none;
	color: rgba(117,117,117,1);
	z-index: 220;
	position: absolute;
	right:  0px;
}
.top_header .claim {
	float:left; 
	width:auto; 
	padding-top: 0.5em;
	font-size: 11px;
}
@media screen and (min-width: 768px) {
	.top_header {
		/*height:30px;    kommmt später wieder rein!!!!! */
		/*padding: 0.5em 0;*/
		font-size:0.75em; 
		width:100%;
		background: #fff;
		color: #000;
		position: static;
		position: initial;
		right:  0px;
	}
	.top_header .claim {
		font-size: 13px;
	}
}

.top_header .serviceWrapper {
    height: 100%;
    margin: 0;
    font-size: 14px;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 300px;
   	display: block;
    right: -300px;
    overflow-y: scroll;
	z-index: 218;
	background: rgba(117,117,117,1);
	-webkit-overflow-scrolling: touch;
   
	-moz-transform: translateX(200%);
  	-ms-transform: translateX(200%);
  	-o-transform: translateX(200%);
  	-webkit-transform: translateX(200%);
  	transform: translateX(200%);

  	-moz-transform: translateZ(0) translateX(200%);
  	-ms-transform: translateZ(0) translateX(200%);
  	-o-transform: translateZ(0) translateX(200%);
  	-webkit-transform: translateZ(0) translateX(200%);
	-webkit-transform: translate(0, 200%);
 	 transform: translateZ(0) translateX(200%);
	
  	-moz-transform: translate3d(200%, 0, 0);
  	-ms-transform: translate3d(200%, 0, 0);
  	-o-transform: translate3d(200%, 0, 0);
  	-webkit-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;
}
.top_header .serviceWrapper.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;
}
.top_header .serviceWrapper.activeNav.android {
	right: 0;
	
	-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);
}

@media screen and (min-width: 768px) {
	.top_header .serviceWrapper {
		font-size:13px;
		float:right; 
		width:auto; 
		text-align:right; 
		position: static;
		position: inherit;
		right: 0;
		z-index: 205;
		overflow-y: inherit;
		-webkit-transform: none;
    	-moz-transform: none;
    	-ms-transform: none;
    	-o-transform: translate3d(0, 0, 0);
		background: transparent;
	}
}

/*##########   3. Whislist   ##########*/

a.wishlistDelete {
	color: #004AB2;
	padding: 2px;
	left: 0px;
	width: 100%;
	display: block;
	text-align: center;
    cursor: pointer;
	box-sizing: border-box;
	margin-top: 10px;
	-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;
}

a.wishlistDelete:hover {
	-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;
}
a.wishlistDelete::before {
	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;
    top: 3px;
    content: '\e5cd';
}

table.beispiel {
	margin: 25px 0 50px 0;
}
table.beispiel img {
	display: block;
    max-width: 100%;
    height: auto;
}

/*##########   4. Service, Währung, Länderkennung, Account   ##########*/

#meta_navbar .dropdown-menu > ul > li a, .noaccount > ul > li a, .dropdown-menu .box1 > ul > li a, .dropdown-menu .box2 > ul > li a {
    display: block;
    display: inline-flex;
    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;
}

#meta_navbar .dropdown-menu > ul > li,
.noaccount > ul > li, 
.dropdown-menu .box1 > ul > li, .dropdown-menu .box2 > ul > li {
	padding: 5px 10px;
	font-size: 0.875em;
	line-height: 1.25em;
}
.dropdown-menu .box0 {
	font-size: 0.875em;
	line-height: 1.25em;
}

#meta_navbar .dropdown-menu > ul > li a::before,
.noaccount > ul > li::before,
.dropdown-menu .box1 > ul > li a::before,
.dropdown-menu .box2 > ul > li a::before{
	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;
    top: 3px;
    content: '\e5cc';
}
.dropdown-menu .box0 .content_head {
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 2em;
	font-weight: bold;
    font-style: italic;
}
.dropdown-menu .box0 p {
	margin-bottom: 15px;
}
.dropdown-menu .box0 a {
    font-size: 1.125em;
    line-height: 2em;
}
#meta_navbar hr {
    border: #000 0px solid;
    border-bottom: #D2D2D2 1px solid;
    margin: 5px 0;
    padding: 0px;
}
.acc_tip, .service .dropdown-menu {
	padding: 0px;
}

.acc_tip .login_btn a {
    width: 100%;
    padding: 0;
    font-size: 1.25em;
    margin-bottom: 16px;
}
.acc_tip .login_btn a {
    background: #fff;
    color: rgba(65,65,66,1);
    margin-top: 10px;
}
.dropdown-menu .box0{
		width: 100%;
	}
.dropdown-menu .box1u2 {
		width: auto;
		padding-left: 0;
		float: none;
	}

.dropdown-menu .box0.boxleft {
        padding: 0px;
    }
    .dropdown-menu .box0.boxright {
        padding: 20px 0 0 0;
    }

@media screen and (min-width: 768px) {
	.acc_tip, .service .dropdown-menu {
		padding: 10px 10px;
	}
    
    .dropdown-menu .box0.boxleft {
        padding: 0 15px 0 0;
    }
    .dropdown-menu .box0.boxright {
        padding: 0 0 0 15px;
    }
    
    
	.dropdown-menu .box0{
		width: 50%;
		display: block
	}
	.dropdown-menu .box1u2 {
		width: 45%;
		padding-left: 5%;
		float: left;
	}
}
.laender .dropdown-grid.service.manual a {
    padding: 5px 15px;
    line-height: 20px;
}
.laenderlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
}
.laenderlist li{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.laenderlist li span:hover {
    color: #3EA130;
}
.laenderlist img{
  padding-right: 6px;
}

@media screen and (min-width: 768px) {
  .laenderlist li{
    width:50%;
  }
    .laenderlist {
        width: 550px;
    }
}

@media screen and (min-width: 992px) {
  .laenderlist li {
    width:33.333%;
  }
}
.laenderlist .CurrentActive{
    color: #fff;
    background: #3EA130;
}

/*##########   7. Logo   ##########*/

#header .logo {
	width: 100px;
    height: 60px;
	background-image: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/sls-logo.svg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
	position: relative;
	/*left: 50%;
    transform: translate(-50%, 0);*/
	top:3px;
	margin: 0;
    text-align:left;
	left: 50px;
	}

@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	#header .logo {
		/*display: table-cell;  Fallback IE<9 */
		float: left;
	}
}
#header .logo a {
	width:100px; 
	height:60px; 
	display:block; 
	text-indent:-9000px;
	margin: auto;
}
@media screen and (min-width: 375px) {
	#header .logo {
		width: 144px;
		height: 60px;
		top:0px;
		left: 65px;
	}
}
#header .logo a {
	width:144px; 
	height:60px; 
	display:block; 
	text-indent:-9000px;
	margin: auto;
}
@media screen and (min-width: 480px) {
	#header .logo {
		width: 170px;
		height: 60px;
		top: 2px;
		margin: 0 auto;
    	text-align:center;
		left: 0px;
	}
	#header .logo a {
		width: 164px;
		height: 60px;
		top: 0px;
	}
}
@media screen and (min-width: 768px) {
	#header .logo {
		transform: translate(0, 0);
		background-position: 0 0;
		float: left;
		left: 0px;
		top: 16px;
		height: 35px;
	}
	#header .logo a {
		display:block; 
		text-indent:-9000px;
		margin: auto;
	}
	
}
@media screen and (min-width: 992px) {
	#header .logo {
		width:253px; 
		height:51px; 
		top: 0px;
		left: 0rem;
	}
	#header .logo a {
		width:253px; 
		height:51px; 
	}
	
}





/*##########   8. Suchbox   ##########*/
#header .search {
	position: relative;
    margin-top: 0px;
    padding: 0;
    width: 100%;
	z-index: 216;
	top: -13px;
}
#header .search .search_input input[type=text] {
	width: 100%!important;
}
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	#header .search {
		display: table-cell; /* Fallback IE<9 */
	}
}
@media screen and (min-width: 768px) {
#header .search {
	position: relative;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	float: left;
	width: 40%;
	left: 5%;
	top: 0px;
    
	}
}

@media screen and (min-width: 992px) {
	#header .search {
		width: 45%;
		left: 7%;
		}	
	}

@media screen and (min-width: 1200px) {
	#header .search {
		left: 11%;
		}	
	}



#header .search .search_input input[type=text] { 
	font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial,"sans-serif";
	-webkit-appearance: none;
  	-moz-appearance: none;
 	 appearance: none;
	position: relative;
	width:97%; 
	font-weight: 300;
	width: -webkit-calc(100% - 20px); /** Safari 6, Chrome 19-25 **/
	width: -moz-calc(100% - 20px); /** FF 4-15  **/
	width: calc(100% - 20px);
	color:rgba(165,165,166,1); 
	margin: 13px 0 0 0px;
	border: rgba(165,165,166,1) 1px solid;
	font-size:1.2em; 
	padding:7px 6px 7px 6px; 
	background:#fff;
	z-index: 205;
	-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;
}
@media screen and (min-width: 768px) {
	#header .search .search_input input[type=text] { 
		width:100%; 
	}
}
/*##########   9. Toggler   ##########*/
.togglerCats, .togglerAccountClose {
    display: block;
}
.togglerCats {
    text-decoration: none;
    position: absolute;
    top: 0px;
    left: 16px;
    overflow: hidden;
   
    cursor: pointer;
    height: auto;
    width: auto;
   
    -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;
}

.togglerCats p {
	line-height: 1em;
	margin-top: -7px;
	font-size: 0.75em;
    color: rgba(117,117,117,1);
    font-weight: 300;
	text-align: center;
}
.togglerAccountClose {
	cursor: pointer;
    height: 20px;
    width: 40px;
    float: right;
    padding: 4px 0px;
	text-align: right;
	position: relative;
	left: -75px;
	top: 5px;
}
.togglerAccountClose:after,
.togglerAccountClose:before {
	font-size: 18px;
	width: 20px;
	padding: 0;
	color: #fff;
	text-indent: 0;
}
@media screen and (min-width: 768px) {
.togglerCats, .togglerAccountClose {
    display: none;
}
	.togglerAccountClose {
		 width: 60px;
	}
}
/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}
#header .search .search_input input[type=text]:hover {
	border: #3EA130 1px solid;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(255,221,0,0.25);
	-moz-box-shadow: 0px 0px 0px 0px rgba(255,221,0,0.25);
	box-shadow: 0px 0px 0px 0px rgba(255,221,0,0.25);
	-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;
}
#header .search .search_input input[type=text]:active,
#header .search .search_input input[type=text]:focus{
	border: 1px solid #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;
	color:rgba(65,65,66,1);
}

.search_input #display-search::-ms-clear{
   margin-right:40px
}
#header .search .search_button { 
	margin-left: 0;
		position: absolute;
		top: 12px;
		right: 0px;
		width:44px; 
		height:44px; 
	
}
@media screen and (min-width: 768px) {
	#header .search .search_button { 
		margin-left: 0;
		position: absolute;
		top: 12px;
		right: 0px;
	}
}
#header .search .search_button .btn_search {
	position:relative;
	
	z-index: 210;
}
@media screen and (min-width: 768px) {
	#header .search .search_button .btn_search {
		
	}
}
#header .search .search_button .iconSearch {
	position: absolute;
    z-index: 205;
    margin: 8px 0 0 -15px;
	color: rgba(117,117,117,1);
	right: 10px;
}


#header .search .search_button .iconSearch:before {
	font-size: 30px;
    text-align: center;
    display: block;
	color: rgba(65,65,66,0.5)!important;
}
#header .search .search_button .btn_search input {
	text-indent:-9000px; 
	cursor:pointer; 
	border:none; 
	background: #fff;
	width: 100%;
    height: 44px;
	padding: 0;
	background: none;
	margin: 0px 0px 0 0px;
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(165,165,166,0.7);
    -moz-box-shadow: 0px 0px 0px 0px rgba(165,165,166,0.7);
    -ms-box-shadow: 0px 0px 0px 0px rgba(165,165,166,0.7);
    box-shadow: 0px 0px 0px 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;
}

#header .search .search_button .btn_search .btn:hover .iconSearch:before  {
	background: rgba(240,135,23,0.6);
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
	
}


#header .search .search_input input:focus {
	color:#777777;
}



/*##########   10. Suggest Search Foldout   ##########*/
#intelliSearchResult {
	font-size: 16px;
	position:absolute;	 
	visibility: hidden; 
	top: 55px; 
	left: 0;
	margin-left: 0;
	border: 1px solid #f2ede6; 
	background:#fff; 
	padding:20px; 
	box-sizing: border-box; 
	width:100%;  
	z-index: 205;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.25);  
	-moz-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.25);    
	box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.25); 
	-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;
	  overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	
	max-height: 450px;
}
@media screen and (min-width: 768px) {
	#intelliSearchResult {
		top: 65px;
    	left: -74%;
		width: 740px;
		margin-left: 0;
		max-height: none;
		overflow-y: inherit;
	}
}
@media screen and (min-width: 992px) {
	#intelliSearchResult {
		width:960px;
		left: -80%;
	}
}
@media screen and (min-width: 1200px) {
	#intelliSearchResult {	
		width:1160px;
		left: -77%;
	}
}
@media screen and (min-width: 1500px) {
	#intelliSearchResult {	
		width:1440px;
		left: -66%;
	}
}

#intelliSearchResult.active { 
	visibility: visible;
}
#intelliSearchResult:after {
	content: ''; 
	position: absolute; 
	background: transparent;  
	top:-8px; 
	left:50%;
	width: 0;
  	height: 0;
  	border-left: 8px solid transparent;
 	border-right: 8px solid transparent;
  	border-bottom: 8px solid #fff;	
}
@media screen and (min-width: 768px) {
	#intelliSearchResult:after {
		top:-8px; 
		left:50%;
	}
}
@media screen and (min-width: 992px) {
	#intelliSearchResult:after {
		left:50%;
	}
}
@media screen and (min-width: 1200px) {
	#intelliSearchResult:after {
		left:50%;
	}
}
#intelliSearchResult a {
	padding:5px 3px; 
	display:block; 
	margin-bottom:1px; 
	font-size: 0.875em;
	clear:both; 
	-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;
}
#intelliSearchResult h3,
#intelliSearchResult .h3{
	display: none;
}
@media screen and (min-width: 768px) {
	#intelliSearchResult h3,
	#intelliSearchResult .h3{
		display: block;
		text-transform: inherit;
		font-size: 1.5em;
		text-align: left;
		margin-bottom: 1.2em;
		color: rgba(65,65,66,1);
	}
}
#intelliSearchResult strong {
	font-weight: normal;
	color: #004ab2;
}
#intelliSearchResult h3 span.searchKeyword,
#intelliSearchResult .h3 span.searchKeyword{
	color: #004ab2;
}
#intelliSearchResult .catHead {
	font-size: 1em;
	letter-spacing: 0.05em;
	padding-bottom: 15px; 
	display: block;
	text-align: left;
}
#intelliSearchResult .colOneWrapper {
	display: none;
}
@media screen and (min-width: 768px) {
	#intelliSearchResult .colOneWrapper {
		display: block;

		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;
		flex-flow: row;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;

		width: 100%;
		margin-bottom: 20px;
	}
}
#intelliSearchResult .colOne {
	margin-bottom:25px;
	width: 100%;
}
#intelliSearchResult .colOne.hidemobile{
	width:  50%;
} 
#intelliSearchResult .colTwo {
	float: none; 
	width: 99%; 
	margin: 0 0.5% 1.2em 0;
}
@media screen and (min-width: 768px) {
	#intelliSearchResult .colTwo {
		float: left; width: 66%; 
		margin: 0 0.5% 1.2em 0;
	}
}
#intelliSearchResult .colRight {
	display: none;
}
@media screen and (min-width: 768px) {
	#intelliSearchResult .colRight {
		display: block;
		float: left; 
		width: 33%; 
		margin: 0 0 25px 0;
	}
}
#intelliSearchResult .colThree {		
	display: none;
}
@media screen and (min-width: 768px) {
	#intelliSearchResult .colThree {
		display: block;
		width: 30%;
		margin: 0 0 25px 0;
		float: left;
	}
}
#intelliSearchResult .colFour{
	width: 100%; 
	margin: 0 0 25px 0;
}
#intelliSearchResult #suggestListContentProducts li {
	/*height: 75px;*/
	overflow: hidden;
	margin-bottom: 15px;
}
#intelliSearchResult #suggestListContentProducts li .left {
	width:17.333%; 
	float:left; 
	height:auto; 
	padding:0px; 
	margin:0;
}
#intelliSearchResult #suggestListContentProducts li .left img {
	width:100%; 
	height:auto; 
	padding:0; 
	margin:0; 
	display:block;
}
#intelliSearchResult #suggestListContentProducts li .right {
	width:68%; 
	float:left; 
	text-align:left; 
	padding:8px 0 0 10px; 
	box-sizing: border-box;
}
#intelliSearchResult #suggestListContentProducts li a {
	padding:0; 
	display:block; 
	height:75px; 
	margin-bottom:1px;  
	text-indent:0px; 
	clear:both;
	font-size: 0.875em;
}
#intelliSearchResult #suggestListContentProducts li a:hover {
	text-decoration: none; 
	background: rgba(217,217,217,0.3);
	color: rgba(65,65,66,1); 
}
#intelliSearchResult #suggestListContentSuggestion li {
	list-style-type: none; 
	margin:0; 
	padding:0; 
	float: left;
}
#intelliSearchResult #suggestListContent {
	list-style-type: none; 
	margin:0; 
	padding:0;
}
#intelliSearchResult #suggestListContentProducts li {
	list-style-type: none; 
	padding:0; 
	width: 98%; 
	float: none; 
	margin-right: 0%
}
@media screen and (min-width: 768px) {
	#intelliSearchResult #suggestListContentProducts li {
		width: 46%; 
		float: left; 
		margin-right: 2%
	}
}
#intelliSearchResult #suggestListContentCat li,
#intelliSearchResult #suggestListContentContent li {
    list-style: none;
	text-align: left;
}
#intelliSearchResult a:hover {
	text-decoration: none;
}

#intelliSearchResult #suggestListContentSuggestion li a {
	padding:0 10px; 
	display:inline-block;
	margin: 0 5px 5px 0; 
	line-height: 27px; 
	background: rgba(217,217,217,0.3);  

	text-indent:0; 
	clear:both; 
}

#intelliSearchResult #suggestListContentSuggestion li a:hover {
	text-decoration: none; 
	background: rgba(217,217,217,0.5); 
}
#intelliSearchResult .noMatches {
	text-align: center; 
	font-size: 1.25em;
}
#intelliSearchResult .suggestListMore {
	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;
	
	
	
}
#intelliSearchResult .suggestListMore a {
    font-size: 0.875em;
    width: auto;
  	align-self: flex-end;
    font-style: italic;
}


.suggestListMoreWrapper {
	width: 100%;
	text-align: right;
}
.suggestListMoreWrapper span {
	width: 30%;
	text-align: right;
}

#intelliSearchResult .suggestListMore a:hover{
	text-shadow:none;
	filter:none;
	text-decoration:none;
}


/* Overlay (Hintergrund absoften wenn Suggest Search) */

#overlay {
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background: rgba(0,0,0,.40);
	z-index:202;
}
@media screen and (min-width: 768px) {
	#overlay {
		z-index:212;
	}
}





/*##########   11. Warenkorb   ##########*/
#header .cart {
    width: auto;
    height: auto;
    text-align: right;
    margin: 13px 7px 0 0;
    position: absolute;
    top: -6px;
    right: 0px;
}
@media screen and (min-width: 768px) {
	#header .cart { 
		position: relative;
		top: auto;
		right: auto;
		float: right;
	}
}
#header .cart a,
#header .cart a .cart_icon {
	-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;
}

#header .cart .cart2{
	display: none;
}
#header .cart .cart_icon:before { 
	width:auto; 
	height:auto; 
	font-size:36px;
	color: rgba(65,65,66,0.6);
	padding:0;
}
#header .cart_icon,
#header .cartCount{
	float: left;
	position: relative;
	left: 0px;
	top: 8px;
}
#header .cart_icon {
	color: #333;
}
#header .cartCount {
	position: relative;
	text-align: center;
	line-height: 2.7em;
	font-size: 0.6875em;
	top: 0px;
	left: -10px;
	color: rgba(255,255,255,1);
	height: 28px;
    width: 28px;
	border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    background: rgba(165,165,166,1);
}
@media screen and (min-width: 768px) {
	#header .cartCount {
	line-height: 2.8em;
	font-size: 0.75em;
	top: -6px;
	left: -12px;
	height: 34px;
    width: 34px;
}
}
#header .on .cartCount {
	color: #fff; 
	background: #3EA130;
	height: 30px;
    width: 30px;
	line-height: 2.4em;
	border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
}
#header .cart a:hover {
	background: rgba(217,217,217,0.3);
    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;
}
#header .cart .cart1 { 
	top: 31px;
    position: relative;
	display: block;
	font-size: 0.75em;
	color: rgba(117,117,117,1);
	font-weight: 300;
	display: none;
}
@media screen and (min-width: 768px) {
	#header .cartCount{
		top: -6px;
	}
}


#header .cart .cart2 { font-size:12px;text-align:right; margin-right:42px;}
#header .cart .cart2 a:hover {text-decoration:none;}
#header .cartCount:after {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


#header .cart .js-cartopen .js-cart_tip {
	opacity: .0; 
	filter:Alpha(Opacity=0); 
	visibility:hidden;
	z-index:217;
	position:absolute;
	right:10px;
}
#header .cart .js-wishlistopen .js-wishlist_tip {
    opacity: .0;
    filter:Alpha(Opacity=0);
    visibility:hidden;
    z-index:217;
    position:absolute;
    right:10px;
}
#header .cart .warenkorbTxt {
	top: 0px;
	position: relative;
}
#header .cart .js-cartopen.hoverMobile .js-cart_tip {
	opacity: 1; 
	filter:Alpha(Opacity=100); 
	visibility:visible;
	    top: 35px;
}
#header .cart .js-wishlistopen.hoverMobile .js-wishlist_tip {
    opacity: 1;
    filter:Alpha(Opacity=100);
    visibility:visible;
    top: 35px;
}

@media screen and (min-width: 768px) {
	#header .cart .js-cartopen .js-cart_tip {
		right:-7px;
	}
}
@media screen and (min-width: 768px) {
    #header .cart .js-wishlistopen .js-wishlist_tip {
        right:-7px;
    }
}

#header .cart .cart_icon:hover:before { 
	color: #004ab2;
	-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;
}
#header .cart .js-cartopen:hover .js-cart_tip{
    opacity: 1; 
	filter:Alpha(Opacity=100); 
	visibility: visible;
	top:35px;
}
#header .cart .js-wishlist:hover .js-wishlist_tip{
    opacity: 1;
    filter:Alpha(Opacity=100);
    visibility: visible;
    top:35px;
}
#header .cart .js-cartopen .js-cart_tip.active {
		opacity: 1; 
		filter:Alpha(Opacity=100); 
		visibility:visible; 
		top:35px;
	}
#header .cart .js-wishlistopen .js-wishlist_tip.active {
    opacity: 1;
    filter:Alpha(Opacity=100);
    visibility:visible;
    top:35px;
}
@media screen and (min-width: 768px) {
	#header .cart .js-cartopen:hover .js-cart_tip {
		opacity: 1; 
		filter:Alpha(Opacity=100); 
		visibility:visible; 
		top:35px;
	}
}
@media screen and (min-width: 768px) {
    #header .cart .js-wishlistopen:hover .js-wishlist_tip {
        opacity: 1;
        filter:Alpha(Opacity=100);
        visibility:visible;
        top:35px;
    }
}
#header .cart .js-cartopen .js-cart_tip .inhalt{
	background:#fff; 
	width:100%;
	min-width: 280px;
	margin-top:0px;
	padding:20px 2%;
	border: 1px solid rgba(165,165,166,0.4);
	/*-webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    max-height: 450px;*/
}
#header .cart .js-wishlistopen .js-wishlist_tip .inhalt{
    background:#fff;
    width:100%;
    min-width: 280px;
    margin-top:0px;
    padding:20px 2%;
    border: 1px solid rgba(165,165,166,0.4);
    /*-webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    max-height: 450px;*/
}
@media screen and (min-width: 768px) {
	#header .cart .js-cartopen .js-cart_tip .inhalt{
		min-width: inherit;
		width: 450px;
		padding:20px;
	}
}
@media screen and (min-width: 768px) {
    #header .cart .js-wishlisttopen .js-wishlist_tip .inhalt{
        min-width: inherit;
        width: 450px;
        padding:20px;
    }
}
#header .cart .js-cartopen .js-cart_tip:after {
    content: '';
    position: absolute;
    background: transparent;
    top: -6px;
    right: 35px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(165,165,166,0.4);
}
#header .cart .js-wishlistopen .js-wishlist_tip:after {
    content: '';
    position: absolute;
    background: transparent;
    top: -6px;
    right: 35px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(165,165,166,0.4);
}

@media screen and (min-width: 768px) {
	#header .cart .js-cartopen .js-cart_tip:after {
   	 right: 32px;
	}
}
@media screen and (min-width: 768px) {
    #header .cart .js-wishlistopen .js-wishlist_tip:after {
        right: 32px;
    }
}
#header .cart .js-cartopen .js-cart_tip .inhalt .bild {
	float:left;
	width:50px;
	height:50px;
	overflow:hidden;
}
#header .cart .js-wishlistopen .js-wishlist_tip .inhalt .bild {
    float:left;
    width:50px;
    height:50px;
    overflow:hidden;
}
#header .cart .js-cartopen .js-cart_tip .inhalt .bild img {
	display: block;
	width: auto;
	min-width: 100%;
	height: auto;
}
#header .cart .js-wishlistopen .js-wishlist_tip .inhalt .bild img {
    display: block;
    width: auto;
    min-width: 100%;
    height: auto;
}
#header .cart .js-cartopen .js-cart_tip .inhalt .anzahl{
	float:left;
	padding-left: 10px;
	width:15%;
	font-size:15px;
	line-height:22px;
	text-align:left;
	overflow: hidden;
}
#header .cart .js-wishlistopen .js-wishlist_tip .inhalt .anzahl{
    float:left;
    padding-left: 10px;
    width:15%;
    font-size:15px;
    line-height:22px;
    text-align:left;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
	#header .cart .js-cartopen .js-cart_tip .inhalt .anzahl{
		width:10%;
	}
}
@media screen and (min-width: 768px) {
    #header .cart .js-wishlistopen .js-wishlist_tip .inhalt .anzahl{
        width:10%;
    }
}
#header .cart .js-cartopen .js-cart_tip .inhalt .name{
	float:left;
	width:64%;
	line-height:22px;
	font-size:15px;
	display:block; 
	text-align: left;
	overflow: hidden;
}
#header .cart .js-wishlistopen .js-wishlist_tip .inhalt .name{
    float:left;
    width:64%;
    line-height:22px;
    font-size:15px;
    display:block;
    text-align: left;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
	#header .cart .js-cartopen .js-cart_tip .inhalt .name{
		width:75%;
	}
}
@media screen and (min-width: 768px) {
    #header .cart .js-wishlistopen .js-wishlist_tip .inhalt .name{
        width:75%;
    }
}
#header .cart .js-cartopen .js-cart_tip .inhalt .name a {
	width:auto;
	height:auto;
	display:block;
}
#header .cart .js-wishlistopen .js-wishlist_tip .inhalt .name a {
    width:auto;
    height:auto;
    display:block;
}
#header .cart .inhalt .clr {
	margin-bottom: 20px;
}
#header .cart .js-cartopen .js-cart_tip .inhalt .info {
	text-align:right;
	margin:15px 0;
	float:none;
	position:relative;
	font-size: 15px;
}
#header .cart .js-wishlistopen .js-wishlist_tip .inhalt .info {
    text-align:right;
    margin:15px 0;
    float:none;
    position:relative;
    font-size: 15px;
}
#header .cart .js-cartopen .js-cart_tip .inhalt .info .small {
	font-size:13px;
	line-height: 18px;
	padding:15px 0;	
	color: rgba(65,65,66,0.8);
}
#header .cart .js-wishlistopen .js-wishlist_tip .inhalt .info .small {
    font-size:13px;
    line-height: 18px;
    padding:15px 0;
    color: rgba(65,65,66,0.8);
}
#header .cart .js-cartopen .js-cart_tip .inhalt .info .small a {
	display: inline;
	text-decoration: underline;
}
#header .cart .js-wishlistopen .js-wishlist_tip .inhalt .info .small a {
    display: inline;
    text-decoration: underline;
}
#header .cart .js-cartopen .js-cart_tip .inhalt .button {
	width: 100%;
    height: 100%;
	display: block;
	
}
#header .cart .js-wishlistopen .js-wishlist_tip .inhalt .button {
    width: 100%;
    height: 100%;
    display: block;

}

#header .cart .js-cartopen .js-cart_tip .inhalt .button::after{
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
#header .cart .js-wishlistopen .js-wishlist_tip .inhalt .button::after{
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

#header .cart .js-cartopen .js-cart_tip .inhalt .button a {
    width: auto;
    align-self: flex-end;
}
#header .cart .js-wishlistopen .js-wishlist_tip .inhalt .button a {
    width: auto;
    align-self: flex-end;
}

/*##########   12. Teilesuche   ##########*/
/*
.container.teileSuche {
    padding-right: 0px;
    padding-left: 0px;
}

.teileSuche .boxheader {
	font-family: 'Oswald', Helvetica Neue, Helvetica, Arial,"sans-serif";
	text-transform: uppercase;
	color: #fff;
	padding: 1.2em 0 0.2em;
	font-size: 0.875em;
	font-weight: 600;
}
.teileSuche select {
	float: none;
	width: 80%!important;
	margin: 5px;
	padding: 1px 5px;
	height: 30px;
	font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial,"sans-serif";
	font-weight: 600;
	color: #fff;
	border-top:rgba(255,221,0,1) 1px solid;
	border-right:rgba(255,221,0,1) 1px solid;
	border-bottom:rgba(255,221,0,1) 1px solid;
	border-left:rgba(255,221,0,1) 1px solid;
	background: url(../img_aufbau/select-arrow-white.png) right no-repeat rgba(255,211,0,0.8);
	
	cursor: pointer;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	
}
.teileSuche .row {
    position: relative;
    width: 100%;
    height: 169px;
	text-align: center;
    margin: 0 auto;

	-moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
  	border-radius: 3px 3px 0 0;
}

.teileSuche .row .bild {
	position: absolute;
    top: 0px;
    z-index: -1;
    overflow: hidden;
    width: 100%;
	height: 170px;
}
.teileSuche .row .bild img,
.heroHome .slick-slide img,
.slick-slider-noSlider img{
    height: auto;
    width: 1795px!important;
	max-width: none!important;
	position: relative;
	left: -800px;
}

#frmTSRefresh {
    float: none;
    width: 80%;
    text-align: right;
    margin: 0 auto;
}
#frmTSRefresh input[type="submit"] {
    width: 30px;
    height: 30px;
    margin: 10px 0px 10px 10px;
    color: transparent;
}
#frmTSSubmit{
    background: url(../img_aufbau/refresh-icon-white.svg) center center no-repeat rgba(255,211,0,0.8);
}
#frmTSReset{
    background: url(../img_aufbau/close-icon-white.svg) center center no-repeat rgba(255,211,0,0.8);
}


@media screen and (min-width: 768px) {
		.container.teileSuche {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.teileSuche .boxheader {
		padding: 0.4em 0 0em;
	}
	.teileSuche select {
		float: left;
		width: 200px!important;
	}
	.teileSuche .row {
    	height: 94px;
	}
	.teileSuche .row .bild {
		width: 708px;
	}
	.teileSuche .row .bild img,
	.heroHome .slick-slide img,
	.slick-slider-noSlider img{
		width: 1000px!important;
		left: -200px;
	}
    #frmTSRefresh {
    float: left;
        width: auto;
}
    #frmTSRefresh input[type="submit"] {
        margin: 5px 0px 5px 10px;
    }
	
}
@media screen and (min-width: 992px) {

	
	.teileSuche .boxheader {
		padding: 0.8em 0 0.2em;
		font-size: 1.25em;
	}
	.teileSuche select {
		float: left;
		width: 250px;
		margin: 10px!important;
	}
	.teileSuche .row {
    	height: 122px;
	}
	.teileSuche .row .bild {
		width: 940px;
	}
	.teileSuche .row .bild img,
	.heroHome .slick-slide img,
	.slick-slider-noSlider img{
		width: 1300px!important;
		left: -250px;
	}
     #frmTSRefresh input[type="submit"] {
    margin: 10px 0px 10px 10px;
}
}
@media screen and (min-width: 1200px) {
		
	.teileSuche .row {
    	height: 132px;
	}
	.teileSuche .boxheader {
		padding: 1.2em 0 0.2em;
	}
	.teileSuche .row .bild {
		width: 1140px;
	}
	.teileSuche .row .bild img,
	.heroHome .slick-slide img,
	.slick-slider-noSlider img{
		width: 1408px!important;
		left: -50px;
	}
}

@media screen and (min-width: 1500px) {
	.teileSuche .row {
    	height: 135px;
	}
	.teileSuche .row .bild {
		width: 1410px;
	}
	.teileSuche .row .bild img,
	.heroHome .slick-slide img,
	.slick-slider-noSlider img{
		width: 1438px!important;
		left: 0px;
	}
}

.teileSuche select:hover,
.teileSuche select:active,
.teileSuche select:focus{
	color: #004AB2;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(255,221,0,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(255,221,0,1);
	box-shadow: 0px 0px 3px 0px rgba(255,221,0,1);
	background: url(../img_aufbau/select-arrow-blue.png) right no-repeat rgba(255,211,0,1);
	border-top:rgba(255,221,0,1) 1px solid;
	border-right:rgba(255,221,0,1) 1px solid;
	border-bottom:rgba(255,221,0,1) 1px solid;
	border-left:rgba(255,221,0,1) 1px solid;
	-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;
}

.teileSuche form:after {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.teileSuche form{
	display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
*/

/*##########   13. Rabatt   ##########*/
.rabattWrapper {
	height: 55px;
	width: 100%;
	background: rgba(12,162,221,1);
background: -moz-linear-gradient(left, rgba(12,162,221,1) 0%, rgba(20,184,230,1) 50%, rgba(12,162,221,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(12,162,221,1)), color-stop(50%, rgba(20,184,230,1)), color-stop(100%, rgba(12,162,221,1)));
background: -webkit-linear-gradient(left, rgba(12,162,221,1) 0%, rgba(20,184,230,1) 50%, rgba(12,162,221,1) 100%);
background: -o-linear-gradient(left, rgba(12,162,221,1) 0%, rgba(20,184,230,1) 50%, rgba(12,162,221,1) 100%);
background: -ms-linear-gradient(left, rgba(12,162,221,1) 0%, rgba(20,184,230,1) 50%, rgba(12,162,221,1) 100%);
background: linear-gradient(to right, rgba(12,162,221,1) 0%, rgba(20,184,230,1) 50%, rgba(12,162,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ca2dd', endColorstr='#0ca2dd', GradientType=1 );
}
@media screen and (min-width: 768px) {
	.rabattWrapper {
		height: 34px;
	}
}
.rabattWrapper ul {
    font-size: 0; 
    text-align: center;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 768px) {
	.rabattWrapper ul {
    text-align: justify;
	}
}
.rabattWrapper ul:after {
    content: 'abc';
    display: inline-block;
    width: 100%;
    height: 0;
}

.rabattWrapper li {
	padding: 4px 5px 0 5px;
	font-weight:  bold;
    display: inline-block;
    font-size: 13px; 
	color: #fff;
	line-height: 0.5em;
}

@media screen and (min-width: 375px) {
	.rabattWrapper li {
		padding: 2px 5px 0 5px;
		font-size: 14px; 
		line-height: 1.875em;
	}
}
.rabattWrapper li.noRabatt {
	font-size: 11px;
	font-weight: normal;
}
.rabattWrapper li.iconrabatt {
	position: inherit;
	position: static;
}
.rabattWrapper li.iconrabatt.uppertext {
	position: relative;
	left: 30px;
	margin-right: 30px;
}

@media screen and (min-width: 768px) {
	.rabattWrapper li.iconrabatt {
		position: relative;
		left: 30px;
	}
}


.rabattWrapper li.uppertext.iconrabatt::before{
	display: block;
  	content: ' ';
  	background-image: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/rabatt-white.svg);
  	background-size: 24px 24px;
  	height: 24px;
  	width: 24px;
	position: absolute;
	left: -30px;
	
}
.rabattWrapper li.uppertext {
	text-transform: uppercase;
}

.rabattWrapper li.iconrabatt::before{
	display: block;
  	content: '';

	}

@media screen and (min-width: 992px) {
	.rabattWrapper li.iconrabatt::before{
	display: block;
  	content: ' ';
  	background-image: url(https://www.stefansliposhop.de/templates/mastersls/img_aufbau/rabatt-white.svg);
  	background-size: 24px 24px;
  	height: 24px;
  	width: 24px;
	position: absolute;
	left: -30px;
	}
	
}

/* 29.12.2019 MM */