/* 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: #000;
}
.top_header a:hover {
	text-decoration:none;
	color:  #0CA1DD;
}


/* 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;
		/*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,
.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 .box0 ul li::before,
.dropdown-menu .box1 > ul > li::before,
.dropdown-menu .box2 > ul > li::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;
}
.dropdown-menu .box0 p {
	margin-bottom: 15px;
}
.dropdown-menu .box0 a {
    font-size: 1em;
	line-height: 2em;
}
#meta_navbar hr {
    border: #000 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: auto;
	float: none;
	padding: 5px 10px;
	}
.dropdown-menu .box1u2 {
		width: auto;
		padding-left: 0;
		float: none;
	}
@media screen and (min-width: 768px) {
	.acc_tip, .service .dropdown-menu {
		padding: 10px 10px;
	}
	.dropdown-menu .box0{
		width: 50%;
		display: block;
		float: left;
		padding: 0;
	}
	.dropdown-menu .box1u2 {
		width: 45%;
		padding-left: 5%;
		float: left;
	}
}

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

#header .logo {
	width: 80px;
	height: 60px;
	background-image: url(https://www.sportnahrung-kwax-test.de/templates/mastertemplate2/img_aufbau/kwax-sportnahrung.svg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
	position: relative;
	/*left: 50%;
    transform: translate(-50%, 0);*/
	top:0px;
	margin: 0;
    text-align:left;
	/*left: 65px; ohne händler img*/
    left: 0px;
	}

@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:63px; 
	display:block; 
	text-indent:-9000px;
	margin: auto;
}
@media screen and (min-width: 480px) {
	#header .logo {
		width: 170px;
		height: 83px;
		top: 0px;
		margin: 0 auto;
    	text-align:center;
		left: 0px;
	}
	#header .logo a {
		width: 164px;
		height: 62px;
		top: 0px;
	}
}
@media screen and (min-width: 768px) {
	#header .logo {
		transform: translate(0, 0);
		background-position: 0 0;
		float: left;
		left: 0px;
		top: -14px;
	}
	#header .logo a {
		display:block; 
		text-indent:-9000px;
		margin: auto;
	}
	
}
@media screen and (min-width: 992px) {
	#header .logo {
		width:170px; 
		height:83px; 
		top: -16px;
		left: 0rem;
	}
	#header .logo a {
		width:170px; 
		height:83px; 
	}
	
}
.headerContent {
    height: 130px;
}
#header .logoWrapper {
    position: relative;
    top: 0px;
    z-index: 300;
}
#header .haendlerSignet {
    padding-left: 3px;
    
}
#header .haendlerSignet img {
	width: 41px;
	height: 30px;
	position: relative;
	top: 14px;
}
@media screen and (min-width: 375px) {
    .headerContent {
        height: auto;
    }
    #header .logoWrapper {
        top: 0px;
    }
    #header .haendlerSignet {
        padding-left: 3px;
    }
    #header .haendlerSignet img {
        width: 71px;
        height: 40px;
        position: relative;
        top: 8px;
    }
}
@media screen and (min-width: 480px) {
    #header .haendlerSignet img {
        width: 102px;
        height: 57px;
        top: 14px;
    }
    
}
@media screen and (min-width: 768px) {
    #header .haendlerSignet img {
        top: 0;
    }
    #header .haendlerSignet {
        padding-left: 20px;
    }
}





/*##########   8. Suchbox   ##########*/
#header .search {
	position: relative;
    margin-top: 0px;
    padding: 0;
    width: 100%;
	z-index: 216;
	top: 0px;
}
@media screen and (min-width: 375px) {
#header .search {
	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: #0CA1DD 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 #0CA1DD;
	-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: 74px;
		right: 0px;
		width:44px; 
		height:44px; 
	
}
@media screen and (min-width: 375px) {
    #header .search .search_button { 
            top: 74px;

    }
}
@media screen and (min-width: 480px) {
    #header .search .search_button { 
            top: 94px;

    }
}

@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: 116px; 
	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: 375px) {
    #intelliSearchResult {
        top: 116px;
    }
}
@media screen and (min-width: 480px) {
    #intelliSearchResult {
        top: 139px;
    }
}
@media screen and (min-width: 768px) {
	#intelliSearchResult {
		top: 65px;
    	left: -121%;
		width: 740px;
		margin-left: 0;
		max-height: none;
		overflow-y: inherit;
	}
}
@media screen and (min-width: 992px) {
	#intelliSearchResult {
		width:960px;
		left: -85%;
	}
}
@media screen and (min-width: 1200px) {
	#intelliSearchResult {	
		width:1160px;
		left: -83%;
	}
}
@media screen and (min-width: 1500px) {
	#intelliSearchResult {	
		width:1440px;
		left: -74%;
	}
}

#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;
}


.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: 48px;
    right: 0px;
    z-index: 99999;
}
@media screen and (min-width: 768px) {
	#header .cart { 
		position: relative;
		top: auto;
		right: auto;
		float: right;
        z-index: 217;
	}
}
#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: #000;
}
#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: #0CA1DD;
	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 .warenkorbTxt {
	top: 0px;
	position: relative;
}
#header .cart .js-cartopen.hoverMobile .js-cart_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;
	}
}
#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-cartopen .js-cart_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:40px;
	}
}
#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;*/
}
@media screen and (min-width: 768px) {
	#header .cart .js-cartopen .js-cart_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);
}
@media screen and (min-width: 768px) {
	#header .cart .js-cartopen .js-cart_tip:after {
   	 right: 25px;
	}
}
#header .cart .js-cartopen .js-cart_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-cartopen .js-cart_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%;
	}
}
#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;
}
@media screen and (min-width: 768px) {
	#header .cart .js-cartopen .js-cart_tip .inhalt .name{
		width:75%;
	}
}
#header .cart .js-cartopen .js-cart_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-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-cartopen .js-cart_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-cartopen .js-cart_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;
}


/*##########   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: 206px;
	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: 250px;
}
.teileSuche .row .bild img,
.heroHome .slick-slide img,
.slick-slider-noSlider img{
    height: auto;
    width: 2200px!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: 190px!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 {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap; 
}
@media screen and (min-width: 768px) {
	.rabattWrapper ul {

    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
}
.rabattWrapper li {
    width: auto;
	padding: 7px 0px 0 0px;
	font-weight:  bold;
    font-size: 13px; 
	color: #fff;
	line-height: 0.5em;
}

@media screen and (min-width: 375px) {
	.rabattWrapper li {
		padding: 0px ;
		font-size: 14px; 
		line-height: 1.875em;
	}
}
@media screen and (min-width: 768px) {
	.rabattWrapper li {
		padding: 3px 0px 0 0px;
	}
}
.rabattWrapper li.noRabatt {
	font-size: 11px;
	font-weight: normal;
}

.rabattWrapper li.iconrabatt {
	position: relative;
    padding-left: 30px;
}

.rabattWrapper li.iconrabatt.uppertext {
	position: relative;
	padding-left: 30px;
}

.rabattWrapper li.uppertext.iconrabatt::before{
	display: block;
  	content: ' ';
  	background-image: url(https://www.sportnahrung-kwax-test.de/templates/mastertemplate2/img_aufbau/rabatt-white.svg);
  	background-size: 24px 24px;
  	height: 24px;
  	width: 24px;
	position: absolute;
	left: 0px;
	top: -2px;
}

@media screen and (min-width: 375px) {
	.rabattWrapper li.uppertext.iconrabatt::before{
		top: 2px;
	}
}
@media screen and (min-width: 768px) {
	.rabattWrapper li.uppertext.iconrabatt::before{
		top: 4px;
	}
}

.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.sportnahrung-kwax-test.de/templates/mastertemplate2/img_aufbau/rabatt-white.svg);
  	background-size: 24px 24px;
  	height: 24px;
  	width: 24px;
	position: absolute;
	left: 0px;
		top: 4px;
	}
	
}


/* 26.11.2020*/