/* ms@20180119 2006 */



/* -- Icons header -- */

.shop--navigation .entry--account span {
	margin-left:6px;
	top:-2px;
	position:relative;
	font-size:14px;
	font-weight:500;
	/*text-transform:uppercase;*/
	letter-spacing:0.025em;
	color:#5a5857;
}

.shop--navigation .entry--account a:hover span {
	color:#f07620;
}

.shop--navigation .entry--account a:hover i {
	background-position:0px -20px;
}



.shop--navigation .entry--cart span {
	margin-left:6px;
	top:-2px;
	position:relative;
	font-size:14px;
	font-weight:600;
	/*text-transform:uppercase;*/
	letter-spacing:0.05em;
	color:#f07620;
}

.shop--navigation .entry--cart a:hover span {
	border-bottom:2px solid #f07620;
}

.shop--navigation .entry--cart i {
	background-position:0px -60px;
}

@media only screen and (max-width: 1120px) {
	
	.shop--navigation .entry--account span, .shop--navigation .entry--cart span {
		display:none!important;
	}
	
}




/* -- search / logo fix -- */


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

	.shop--navigation .entry--search {
		left:395px!important;
	}
}

.main-search--field {
	padding-left:18px!important;
}

@media only screen and (max-width: 1200px) {

	.header-main .logo-main .logo--shop {
		text-align:left!important;
	}
}




/* -- Hover effects dropdown (NO effect yet, shopware styles need to get fixed!) -- */

#mainNavigation ul li ul.dropdown li a:hover {
	font-weight:bold!important;
}



/* Content Styling */

.hero--text p {
	text-align:justify;
}

.hero--text p a:hover {
	text-decoration:underline;
}

.hero--text ul {
	margin:20px 0;
	list-style-type:square;
	list-style-position:inside;
}


.brandboxes-1 a {
	display:inline-block;
}


.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:14px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:6000}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.cc-banner { max-width:1171px; margin:auto; }


/* Newsbereich */


.blog--headline {
	display:inline-block;
	margin:40px 0 20px 0;
	font-size:20px;
	color:#909090;
}

.blog--headline span {
	width:0;
	display:inline-block;
	opacity:0;
	color:#ec680b;
	transition:all 0.6s ease;
}

.blog--headline strong {
	font-weight:600;
	color:#ec680b;
}

.blog--headline:hover span {
	width:28px;
	opacity:1;
}




.blog--detail-avail {
	width:50%;
	float:left;
	text-align:right
}

.blog--detail-avail span {
	font-size: 1.3125rem;
	color:#909090;
}

.blog--detail-avail i {
	padding:0 4px 0 0;
	font-size:1.8125rem;
	vertical-align: middle;
}



.blog--nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	color:#909090;
}

.blog--nav ul li {
	display:inline-block;
}

.blog--nav ul li a {
	margin-left:10px;
	font-size:14px;
	color:#909090;
}

.blog--nav ul li a:before {
	margin-right:4px;
  font-family: "Font Awesome 5 Pro";
  content: "\f105";
}

.blog--nav ul li a:hover {
	color:#ec680b;
}

.blog--nav ul li a.active {
	color:#ec680b;
}

.blog--nav ul li a.active:before {
  content: "\f101";
}



.blog--comments-wrapper {
	margin-bottom:80px;
}

.blog--comments-wrapper h5 {
	margin-top:0;
}

.blog--detail .blog--bookmarks-icons {
	float:left;
	padding:15px 0 20px 0;
	font-size:1.125rem;
}

.blog--detail-description {
	padding-bottom:75px
}


#toc_container .toc_title {
	margin-bottom:10px;
	font-weight:bold;
}

#toc_container .toc_list {
	margin-bottom:30px;
	list-style-position:inside;
	list-style-type:square;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* Beiträge auf der Startseite */

.emotion--blog {
	margin:0 0 50px 0;
}

.emotion--blog .blog--title {
	margin:20px 0 10px 0;
}

.emotion--blog .blog--image {
   height:140px!important;
   background-size:contain!important;
   background-repeat:no-repeat;
}

.emotion--blog .blog--break {
	height:40px;
	clear:both
}




.nav-brands {
	list-style-type:none;
}

.nav-brands li {
	padding:0 5px;
	display:inline-block;
}

.nav-brands li:first-child {
	padding:0 5px 0 0;
}

.nav-brands li a:hover {
	text-decoration:underline;
}

.nav-brands li a::before {
    margin-right: 4px;
    font-family: "Font Awesome 5 Pro";
    content: "\f105";
}

.wmw_clp_info_collapse_trigger {
	display:none;
}




/* Advanced Menu */
.navigation-main {
	width:100%;
	max-width:74.375rem;
}


.navigation-main .navigation--list-wrapper {
	width:100%;
}

.navigation-main .is--active .navigation--link {
	color:#ec680b!important;
	background:transparent!important;
	font-weight:500;
}

.menu-demnaechst .menu--list, .menu-angebote .menu--list {
	float:right!important;
}

.tlpxx-item-wrapcount {
	margin-bottom:20px;
}

/* Breites Spacing beim Menüpunkt Angebote entfernen */
.menu-angebote .menu--level-0:nth-child(1) .tlpxx-item-wrapcount:nth-child(4) {
	display:none;
}

.headerNavigationBeforeScroller {
  border-top:1px solid #ffffff !important;
  border-bottom:1px solid #dadada !important;
  margin-left:10px;
  margin-right:10px;
  height: 51px;
}


@media only screen and (max-width: 1150px) {

	.navigation-main .navigation--entry .navigation--link {
		font-size:17px!important;
	}
	
	.navigation-main .navigation--entry .navigation--link {
		padding:.5rem 7px;
	}
	
	.navigation-main .navigation--list {
		padding-left:0;
	}
	
}

@media only screen and (max-width: 960px) {

	.navigation-main .navigation--entry .navigation--link {
		font-size:14px!important;
	}
	
	.navigation-main .navigation--entry .navigation--link {
		padding:.5rem 7px;
	}
	
	.navigation-main .navigation--list {
		padding-left:0;
	}
	
}

@media only screen and (max-width: 840px) {

	.navigation-main .navigation--entry .navigation--link {
		font-size:13px!important;
	}
	
	.navigation-main .navigation--entry .navigation--link {
		padding:.5rem 8px;
	}
	
	.navigation-main .navigation--list {
		padding-left:0;
	}
	
}

.nav-eliquids {
	padding-left:0px!important;
}


#mainNavigation ul li ul {
  height: auto !important;
  border-top: 1px solid #ffffff !important;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  #mainNavigation ul {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dadada;
    height: 50px;
  }
}

@media only screen and (min-width: 769px) and (max-width:1024px) {
  #mainNavigation ul {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dadada;
    height: 50px !important;
  }
}

@media screen and (min-width: @desktopViewportWidth) {
  #mainNavigation ul {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dadada;
    height: 50px;
  }
}

@media screen and (min-width: @tabletLandscapeViewportWidth) and (orientation : landscape) {
  #mainNavigation ul {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dadada;
    height: 54px;
  }
}



.product--buy--box .price--content {
	margin-bottom:10px;
}


.product--buy--box .buybox--button {
	height:36px!important;
	line-height:36px!important;
}

.product--buy--box .buybox--quantity input {
	height:36px!important;
	line-height:36px!important;
}


.product--buy--box .entry--sku {
	color:#c7c7c7
}


/* Breadcrumb */

.content--breadcrumb, a.breadcrumb--link {
	font-size:0.875rem;
	font-weight:400;
	color:#8f8f8f!important
	/*color:#b9b9b9!important*/
}

a.breadcrumb--link:hover {
	color:#ec680b!important
}

.breadcrumb--separator {
	padding:.75rem .2rem .5rem .2rem!important
}


/* Produktseiten */


.hero-unit:not(.category--teaser) h1 {
	margin:-10px auto 10px auto!important;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.065em;
}

.hero-unit:not(.category--teaser) h1:before {
	padding-right:5px;
	font-size:13px;
	font-family: 'shopware';
	content: "\e60f";
	color:#ec680b;
}


/* Header Text */

.articletext {
	padding-top:6px;
}



/* Optimization mobile product listing */
@media only screen and (max-width:760px) {
	
	.listing--container {
		margin-top:10px!important;
	}
	
	.product--box.box--minimal {
		width:99%;
		margin:10px 2px 20px 2px;
		padding-top:10px;
		background:#fff;
		border-radius:10px;
		box-shadow:0 1px 6px rgba(33, 33, 33, 0.30)
	}
	
	.product--box .product--title {
		height:2.375rem!important;
		margin-bottom:0;
	}
	
	.box--minimal .product--price-info {
		margin-top:-59px;
	}
	
	.product--box .product--image {
		margin-bottom:3rem;
	}
	
	.product--list--line {
		border:0!important;
	}
	
	.option--color--values {
		margin-left:8px;
	}
	
	.inStockView {
		margin-top:-4px;
		margin-left:100px;
	}
	
	}
	
	
.fix-search-spacing {
	margin-top:340px!important;
}


/* Fix Three cols color choices */
.option--color--values {
	overflow-y:hidden;
	max-height:30px;
}

@media only screen and (max-width:760px) {

	.option--color--values {
		margin-top:-10px;
		}	
	
}