@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:900&display=swap');

body {
	background: #1d1d1b;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
}

h1, h2, h3, .navigation-main, .product--title {
	font-family: 'Roboto', sans-serif;
	font-weight: 800;
}

a, *:after {
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.is--rounded {
	border-radius: 0px;
	-webkit-border-radius: 0px;
}

.btn:hover {
	background: #e50202;
	color: #FFF;
	border-color: #e50202;
}

.product--box .product--btn-container {
	margin: 10px 0;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	height: 60px;
}
.container {
	background: transparent;
}

.content-main, .listing--actions {
	box-shadow: none;
	border: none;
	background: transparent;
}

.advanced-menu {
	background: #121314;
	color: #AAA;
}

.advanced-menu .item--level-0 {
	padding-bottom: .5rem;
}

.advanced-menu .menu--list-item-link {
	color: #AAA;
}

.advanced-menu .menu--list-item-link:hover {
	color: #FFF;
}

.main-search--form .main-search--field {
	box-shadow: none;
	border: 1px solid #FFF;
	padding-left: 20px;
	padding-right: 10px;
}

.entry--search .main-search--form .main-search--field:focus {
	background: #FFF;
	color: #454545;
	border: 1px solid #454545;
}

.entry--search .main-search--form .main-search--field:focus  .main-search--button {
	color: #FFF;
}

#navwrap {
	background: #e50202;
}

#navwrap .container {
	background: transparent;
}

 #navwrap .header-main{
	background: #e50202 url(../../src/img/wtw_bottom_bg.gif) no-repeat center center;
	color: #FFF;
}

.header-main .navigation--list .btn {
	border: none;
	background: none;
}

.header-main .navigation--list .btn:hover {
	border: none;
	background: none;
	color: #FFFFFF;
}

.header-main .navigation--list .btn.is--primary {
	background: #e30613;
	color: #FFF;
}
.header-main .navigation--list .btn.is--primary:hover {
	background: #1D1D1D;
	color: #FFF;
}

account--menu-container {
	color: #1D1D1D;
}
.navigation--list .entry--cart .cart--link:hover .cart--amount {
	color: #FFF;
}
.content--breadcrumb .breadcrumb--link {
	color: #FFF;
	font-size: 1.12rem;
	font-weight: 800;
}
.product--box .product--price-info .price--unit {
	height: auto;
}

@media Screen and (max-width:48em) {
	.header-main, .header-main .container {
		border: none;
	}
	.header--navigation {
		z-index: 110;
	}
	.top-bar {
		z-index: 111;
		position: relative;
	}

	.shop--navigation .navigation--entry .btn, .shop--navigation .entry--menu-left .btn {
		color: #EEE;
	}
	
	.logo-main.block-group {
		text-align: center;
	}
	
	.header-main .logo-main .logo--link {
		height: 3rem;
	}
	
	.header-main .logo-main .logo--shop {
		margin: 10px auto;
		float: none;
		width: 100%;
		height: auto !important;
	}
	
	.navigation-entry-search-desktop {
		display: none;
	}
	.listing .product--box .product--title {
		font-size: 1.5rem;
	}
	.listing .product--box .product--title,
	.product--box .product--description {
		height: auto;
	}
}

.content--custom {
	background: #FFF;
	padding: 2rem;
}
.panel {
    display: block;
    background: #fff;
}
.container--ajax-cart.off-canvas {
	color: #454545;
}
.navigation-entry-search-desktop {
	display: none;
}
@media Screen and (min-width:48em) {
	.action--filter-options {
		background: #1d1d1b;
		color: #FFF;
	}
	.header-main {
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.header-main .logo-main {
		width: 40%;
		padding: 0;
		margin-left: 30%;
		text-align: center;
	}
	.header-main .logo-main .logo--shop {
		width: 100%;
		height: auto;
	}
	
	.header-main .logo-main .logo--link {
		height: 6.25rem;
		margin: 0 auto;
	}
	
	.header-main .shop--navigation {
		width: 30%;
	}
	.navigation-main {
		background: #FFFFFF;
		border: none;
	}
	.navigation-main .is--active .navigation--link,
	.navigation-main .navigation--link:hover {
		background: transparent;
		color: #e50202;
		border: none;
	}
	.navigation-main .is--active .navigation--link:hover {
		background: transparent;
		color: #a60404;
		border: none;
	}
	.navigation-main .navigation--list {
		text-align: center;
	}
	.sidebar--navigation .navigation--link {
		padding-left: 0;
		font-size: 1.12em;
		text-transform: uppercase;
		font-weight: 800;
		letter-spacing: .05em;
	}
	.sidebar--navigation .navigation--link.is--active {
		font-size: 1.2em;
		font-weight: 800;
	}
	.sidebar--navigation .is--level1 .navigation--link {
		padding-left: 0;
	}
	
	.categories--navigation.is--level1 .navigation--link.is--active {
		font-size: 1.1em;
		text-transform: uppercase;
		font-weight: 800;
	}
	
	.listing--actions {
		padding: 0;
		border-radius: 0;
		-webkit-border-radius: 0;
		border-bottom: 1px solid rgba(255,255,255, .3);
		border-top: 1px solid rgba(255,255,255, .01);
	}
	.action--filter-options.is--collapsed, .action--filter-options.is--active-filter {
		border: none;
	}
	.content--breadcrumb {
		padding-left: 0;
		color: #FFF;
		border-bottom: 1px solid rgba(255,255,255, .3);
	}
	.header-main .top-bar {
		padding: 0;
	}
	.header-main .top-bar .container {
		background: transparent;		
		position: relative;
	}
	.header-main .top-bar .container .top-bar--navigation {
		position: absolute;
		top: 10px;
		z-index: 1111;
	}
	.shop--navigation .navigation--entry.navigation-entry-search-mobil {
		display: none;
	}
	
	.header-main .top-bar--navigation .navigation--entry, .header-main .top-bar--navigation .navigation--link, .header-main .top-bar--navigation .navigation--entry:hover, .header-main .top-bar--navigation .navigation--link:hover {
		color: #FFF;
	}

	.navigation--entry.entry--service. has--drop-down:after {
		color: #FFF;
	}
	
	.product--details .product--actions {
		margin-top: 15px;
	}
	
	.navigation-main .navigation--link {
		text-transform: uppercase;
		letter-spacing: .03em;
		font-size: 1.1em;
	}
	.content-main--inner {
		padding-left: 0;
		padding-right: 0;
	}
	.is--ctl-detail .content-main--inner {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.shop-sites--container {
		background: #fff;
		border: 0;
	}
	.shop-sites--container .shop-sites--headline {
		text-transform: uppercase;
		letter-spacing: .03em;
		font-size: 1.4em;
		color: #e50202;
	}
}
@media Screen and (min-width:64em) {
	
	.header-main .logo-main {
		width: 40%;
		margin-left: 30%;
	}
	
	.header-main .shop--navigation {
		width: 30%;
	}
	
	.advanced-menu .content--wrapper {
		margin-top: 0;
	}
}
@media Screen and (min-width:78.85em) {
	.advanced-menu .content--wrapper {
		margin-top: 0;
	}
}
.tab--navigation {
	border-bottom: 1px solid #eee;
}
.js--tab-menu .tab--link {
	border: none;
	background: #FFF;
	color: #999;
	text-transform: uppercase;
	padding: 0.325rem 0.9375rem 0.325rem 0.9375rem;
	font-size: 1rem;
}
.js--tab-menu .tab--link.is--active {
	border: 1px solid #eee;
	border-bottom: 1px solid #FFF;
	border-radius: 0;
}
/***  Font weight 800 **/

.product--box .product--price .price--default, .product--box .product--title {
	font-weight: 800;
}



/***  Productbox **/

.product--box .box--content {
	background: #FFF;
}

.listing .product--box .product--title {
	font-size: 1rem;
	line-height: auto;
	height: 3rem;
	letter-spacing: .01rem;
}

.product--box .product--price {
	text-align: right;
}

.product--box .product--price .price--default {
	font-size: 1.3em;
}

.filter--active, .search--cat-filter .cat-filter--reset {
	border: none;
	background: #eee;
}

.filter--active:hover, .filter--active[data-filter-param="reset"] {
	background: #ff2525;
	color: #FFFFFF;
}

.product--properties.panel.has--border {
	border: none;
}

table td {
	background: #EFEFEF;
	border-color: #FFF;
}

/**** Forms ***/

.action--filter-btn .filter--trigger.btn:hover {
	background: #FFF;
	color: #e50202;
	border-color: #e50202;
}




/***** FOOTER *****/
.footer-main {
	background: #e50202 url(../../src/img/wtw_bottom_bg.gif) no-repeat center center;
	color: #FFF;
	border-top: 1px solid #e30613;
}
.footer--column.column--newsletter {
	display: b;
}
.footer--logo {
	display: none;
}

.footer-main .container {
	background: transparent;
}

.column--hotline {
	display: none;
}

.footer-main .column--headline {
	color: #FFF;
	text-transform: uppercase;
	padding-bottom: 10px;
	position: relative;
}

.footer-main .column--headline:after {
	color: #FFF;
}
.footer-main .footer--columns .footer--column.column--middle {
	display: none;
}
@media Screen and (max-width:48em) {
	.footer-main .column--headline {
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size: 1.7em;
	}
	.footer-main .navigation--list li {
		display: block;
		padding: 0 10px 10px 0;
		position: relative;
		font-size: 1.1em;
		font-weight: 800;
	}
}
@media Screen and (min-width:48em) {
	.footer-main .column--headline {
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		font-size: 1.4em;
	}
	
	.footer-main .column--headline:after {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 45px;
		height: 3px;
		background: #FFF;
		display: block;
		z-index: 2;
		content: "";
	}
	
	.footer-main .footer--columns {
		border: none;
	}
	
	.footer-main .footer--columns .footer--column {
		width: 30%;
		text-align: right;
	}
	
	.footer-main .footer--columns .footer--column.duo-first {
		width: 30%;
		text-align: left;
	}
	
	.footer-main .footer--columns .footer--column.column--middle {
		width: 40%;
		display: block;
	}
	
	.footer-main .footer--columns {
		background: transparent url(../../src/img/footerlogo.png) no-repeat center center;
		background-size: contain;
	}
	
	.footer-main .footer--columns .footer--column.duo-first .column--headline:after {
		right: auto;
		left: 0;
	}
	
	.footer-main .navigation--list li {
		display: block;
		padding: 0 10px 10px 0;
		position: relative;
		font-size: 1.1em;
	}
	
	.footer-main .navigation--list li:last-child:after {
		display: none;
	}
	
	.footer--bottom {
		margin-top: 30px;
	}
}
.footer-main a, .footer--vat-info, .footer-main .navigation--link {
	color: #FFF;
}

.footer-main a:hover, .footer-main .navigation--link:hover {
	text-decoration: underline;
	color: #FFF;
}

.footer-main .newsletter--field {
	box-shadow: none;
	border: none;
	border-radius: 30px 0 0 30px;
	-webkit-border-radius: 30px 0 0 30px;
	background: rgba(255,255,255, .45);
	padding-left: 20px;
	color: #FFF;
}

.footer-main::placeholder {
	color: #FFF !important;
}

.footer-main ::-moz-placeholder {
	color: #FFF !important;
}

.footer-main ::-webkit-input-placeholder {
	color: #FFF !important;
}

.footer-main :-ms-input-placeholder {
	color: #FFF !important;
}

.footer-main .newsletter--field:focus {
	background: rgba(255,255,255, 1);
	color: #454545;
}

.footer-main .newsletter--button {
	box-shadow: none;
	border: none;
	border-radius: 0 30px 30px 0;
	-webkit-border-radius: 0 30px  30px 0;
	background: rgba(255,255,255, 1);
	color: #E52020;
}




/**** Bestellprozess ****/

.bestit-amazon-pay--tooltip-text.bestit-amazon-pay--tooltip-text-small {
	font-family: „Roboto“, sans-serif;
	display: inline;
	margin-bottom: 10px;
}

.paypal--sidebar {
	border: none;
}