@import url('https://fonts.googleapis.com/css2?family=BenchNine:wght@300;400;700&display=swap');
html {
	height: 100vh;
	overflow-y: auto;
}
body {
    padding-top: 0;
	font-family: 'BenchNine', sans-serif;
	font-size: 22px;
	font-weight: 300;
	padding: 0;
	background: #000000 url(../../src/img/bodybg.jpg) no-repeat center top;
	background-attachment: fixed;
	background-size: cover;
}

.panel {
    background: #000000 !important;
}

h1, h2,h3,h4.h5 {
	font-family: 'BenchNine', sans-serif;
	font-weight: 700;
}
p, .btn {
    font-size: 1em;
}
.js--modal .model--close,
.image--gallery .button--zoom-in,
.image--gallery .button--zoom-out,
.image--gallery .button--zoom-reset,
.image-gallery--modal .modal--close {
    font-family: 'shopware' !important;
 }

.raw-color-container {
    display: none;
}
.product--box .product--description {
    height: 2rem;
}
.header-main,
.container,
.footer-main,
.emotion--container {
    background: transparent;
	border: none!important;
}
.emotion--product {
	background: rgba(0,0,0,.6);
	text-align: center;
}
.emotion--product .product--title {
	font-size: 1.4rem;
}
.price--default,
.product--box .product--price .price--default{
	color: #FFF;
	font-weight: 700;
}

/****** Ausblenden ******/
.shop--navigation .entry--search,
.listing--actions,
.listing--bottom-paging,
.product--box .product--rating-container,
.product--details .product--actions,
.product--rating-count,
.logo--supportinfo.block,
.footer--logo,
.navigation--entry.entry--notepad,
.content--breadcrumb,
.footer--benefit.block,
.register--advantages.block {
    display: none !important;
}
.header-main .top-bar--navigation .entry--service {
		display: none !important;
}	
/*** abgerundete Ecken weg ****/
.btn,
.ajax--cart,
.is--rounded,
.shop--navigation .navigation--entry,
.footer-main .newsletter--field,
.footer-main .newsletter--button,
.product-slider--arrow,
.js--tab-menu .tab--link,
.select-field select, .js--fancy-select select,
.image-slider--thumbnails .thumbnail--link,
.image-slider--container .arrow.is--right,
.image-slider--container .arrow.is--left,
.product--table .add-product--field, 
.product--table .add-voucher--field {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}


/*** ANIMATIONEN ***/
a, .btn, *:after, 
.navigation-main .navigation--link,
.navigation-main .navigation--link:after,
.js--tab-menu .tab--link, 
.logo-faker,
#navwrap .header-main,
#navwrap .header-main .header--navigation, 
#navwrap .logo-faker, 
#navwrap .header-main .top-bar,
#navwrap .logo-faker .logo.logofull,
#navwrap .logo-faker .logo.logohalf 
{
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;	
}
/***forms **/
textarea, input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"] {
	box-shadow: none;
}

/********* Header **********/
.header-main {
	position: relative;
	padding-bottom: 20px;
	padding-top: 20px;
}
.logo-main, .shop--navigation {

}
.shop--navigation .navigation--entry .icon--heart,
.shop--navigation .navigation--entry .icon--basket,
.shop--navigation .navigation--entry .icon--account {
	font-size: 1em !important;
	padding: 5px 0;
}
.navigation-main {
	background: transparent;
	border: none !important;
}
.header-main .logo-main {
	width: 100%!important;
	text-align: center;
}
.header-main .logo-main .logo--shop {
	width: 100%!important;
	float: none;
	height: auto;
}	
.header-main .logo-main .logo--link {
	margin: 40px auto;
	height: 300px;
	position: relative;
	z-index: 800;
}
.navigation-main .navigation--link {
	font-size: 2rem;
	text-transform: uppercase;
	position: relative;
	font-weight: 700;
	letter-spacing: .1em;
	background: transparent;
	text-shadow: 0 5px 8px #000;
}
.shop--navigation .navigation--entry a,
.shop--navigation .navigation--entry .btn {
	text-transform: uppercase;
	position: relative;
	font-weight: 300;
	letter-spacing: .03em;
	background: transparent !important;
}
.shop--navigation .navigation--entry a:hover,
.shop--navigation .navigation--entry .btn:hover {
	background: transparent !important;
}
.navigation-main .navigation--link:after {
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 0;
	height: 0;
	background: #000;
	content: '';
}

/*** Warenkorb ***/

.ajax--cart {
	background: #000;
	color: #000 !important;
}
.ajax--cart::after {
	border-bottom-color: #000;
}
.ajax--cart .cart--item .item--link {
    color: #000000;
}
.close--off-canvas {
	color: #000 !important;
}
.ajax--cart .prices--container .prices--articles {
	color: #000 !important;
}

.shop--navigation .entry--link {
	font-size: 1rem !important;
	
}
.shop--navigation .entry--menu-left .btn {
	color: #FFF;
}
.header-main .top-bar--navigation .select-field select,
.header-main .top-bar--navigation .select-field select option {
	color: #000000;
	background: transparent;
}
@media Screen and (min-width:48em) {
	.header-main .shop--navigation {
		width: 100%;
		position: static;
	}
	.header-main .top-bar {
		z-index: 1310;
		position: absolute;
		left: 20px;
		top: 0;
	}
	.header-main .top-bar .container.block-group {
		width: auto;
		min-width: 200px;
		display: inline;
	}

    
    
    .navigation--list-wrapper {
        overflow: visible !important;
    }
    
    
    .navigation-main .navigation--list {
        white-space: inherit !important;
    }
            
    
	.header-main .top-bar--navigation {
		position: absolute;
		left: 30px;
		top: 20px;
	}
	.shop--navigation .navigation--list {
		position: absolute;
		right: 30px;
		top: 10px;
	}
	.header-main .header--navigation {
		text-align: center;
		border: none;
	}
	.cart--amount {
		font-size: 1rem;
	}
	.navigation-main .navigation--list {
		font-size: 2rem;
		text-align: center;
		margin: 0 auto;
	}
	.navigation-main .navigation--link {
		font-size: 2rem;
		text-transform: uppercase;
		position: relative;
		font-weight: 700;
		letter-spacing: .1em;
		background: transparent;
		text-shadow: 0 2px 2px #000;
		padding: 0.3rem 0rem 0.3rem 0;
		margin-left: 0.875rem;
		margin-right: 0.875rem;
	}
	.shop-sites--container .shop-sites--headline {
		font-size: 1.2rem;
		text-transform: uppercase;
		font-weight: 7;
	}
	.sidebar-main,
	.sidebar-main.off-canvas {
		padding-top: 0 !important;
		background: rgba(0,0,0,.6);
		border: none !important;
	}
	.shop-sites--container {
		
		border: none !important;
	}
}

.shop--navigation .navigation--entry a:hover,
.shop--navigation .navigation--entry .btn:hover,
.navigation-main .navigation--link:hover,
.navigation-main .is--active .navigation--link,
.navigation-main .is--active .navigation--link:hover {
	color: #000;
	background: transparent;
	text-shadow: 0 2px 2px rgba(0,0,0,.8);
}
/*.shop--navigation .navigation--entry a:hover:after,
.shop--navigation .navigation--entry .btn:hover:after,*/
.navigation-main .navigation--link:hover:after,
.navigation-main .is--active .navigation--link:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #000;
	content: '';
}

.shop--navigation .btn {
	border: none;
	padding: ;
}

.shop--navigation .navigation--entry .entry--notepad a   {
	padding: 15px 0 0 0 ;
}
.shop--navigation .navigation--entry .account--link  {
	padding: 0 0 0 30px;
}
.navigation--list .entry--cart .cart--link {
	padding: 0 0 0 2rem;
}
.navigation--list .entry--account .icon--account,
.navigation--list .entry--cart .icon--basket {
	top: 11px;
}

@media Screen and (max-width:48rem) {
		.header-main {
		padding-top: 40px;
	}

	.shop--navigation .navigation--entry .account--link,
	.navigation--list .entry--cart .cart--link {
		padding-left: 10px;
	}
	
}
.content-main {
	box-shadow: none !important;
/*	z-index: 100;
	position: relative;*/
}
.content--breadcrumb {
	border: none;
}
.product--box .box--content {
	border: none;
}
.product--box .product--actions {
	text-align: left;
	position: relative;
	padding-top: 15px;
}
.product--box .product--actions:before {
	position: absolute;
	left: 35%;
	right: 35%;
	height: 1px;
	background: #000;
	content: '';
	top: 0px;
}
.product--box .product--title,
.box--image .product--price-info {
	text-align: left;
	color: #fff;
}
.image-slider--container .arrow:hover {
	background: #000;
	color: #FFF;
}
.image-slider--thumbnails .thumbnail--link {
	opacity: .7;
	padding: 0;
	border: none;
}
.image-slider--thumbnails .thumbnail--link:hover,
.image-slider--thumbnails .thumbnail--link.is--active {
	opacity: 1;
	border: none;
}

.product--price.price--default,
.product--details .product--tax,
.product--delivery {
	text-align: right;
}
.js--tab-menu .tab--link {
	background: #000;
	border: 1px solid #000;
	border-bottom: none;
	color: #000;
}
.js--tab-menu .tab--link.is--active {
		background: #000;
		color: #fff;
		border: 1px solid #000;
		border-bottom: none;
}
.select-field select, .js--fancy-select select {
	background: rgba(0,0,0, .4);
}
.js--tab-menu .tab--link {
	background: #fff;
	color: rgba(0,0,0, .4);
	border-color:rgba(0,0,0, .4);
	border-bottom-color: rgba(0,0,0, 1);
}
.js--tab-menu .tab--container-list .tab--container {
	border-left: none;
	border-bottom: none;
	border-right: none;
}
.product--details .product--header .product--title {
	font-weight: 400;
}
@media Screen and (min-width: 48em) {
	.product--details .product--header .product--title {
		font-size: 	2.7rem;
		font-weight: 400;
	}
	.product--box .product--price {
	    height: 2em;
	    margin-top: -0.5em;
	    font-weight: 400;
	}
	
	.product--box .product--price .price--default {
		font-size: 	1.8rem;
		font-weight: 400;
	}
	.box--basic .box--content {
		padding: 1,25rem 0.325rem 1.25rem 0;
		margin: 0.6rem 0.3rem 0.6rem 0.6rem ;
		background: rgba(0,0,0,.7);
		border-bottom: 3px solid #000;
	}
}
.product--table .basket--footer {
	background: rgba(0,0,0,.7);
}

/***** FOOTER ******/
.footer-main {
	border: none;
	padding-top: 90px;
	text-shadow: 0 2px 2px rgba(0,0,0,.9);
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.6) 21%, rgba(0,0,0,0) 97%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.6) 21%, rgba(0,0,0,0) 97%);
	background: linear-gradient(0deg, rgba(0,0,0,0.6) 21%, rgba(0,0,0,0) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.footer-main .column--headline {
	font-size: 1.5rem;
	font-weight: 700;
	text-transform: uppercase;
    color: #fff;
}

.footer--column.column--newsletter.is--last.block,
.footer--column.column--hotline.is--first.block {
	display: none;
}

@media Screen and (min-width: 48em) {
	.footer-main .footer--columns {
		border: none;
	}
	.footer-main .footer--column {
		width: 49.8%;
	}
	.footer-main .footer--column ul.navigation--list li {
		display: inline-block;
		width: 49.5%;
	}
}
.das_ende_vom_lied {
	display: block;
	background: rgba(0,0,0,.6);
}
.das_ende_vom_lied .socials {
	text-align: left;
	padding: 0 20px 80px 20px;
	width: 100%;
	display: block;
	text-align: center;
}

.das_ende_vom_lied .socials a {
	width: 45px;
	height: 45px;
	margin: 15px;
	display: inline-block;
	border-radius: 45px;
}
.das_ende_vom_lied .socials a:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.das_ende_vom_lied .socials a.instagram {
	background: #000 url(../../src/img/instagram.png) no-repeat center center;
	background-size: 55%;
}
.das_ende_vom_lied .socials a.facebook {
	background: #000 url(../../src/img/facebook.png) no-repeat center center;
	background-size: 55%;
}
.das_ende_vom_lied .socials a.spotify {
	background: #000 url(../../src/img/spotify.png) no-repeat center center;
	background-size: 55%;
}
.das_ende_vom_lied .socials a.youtube {
	background: #000 url(../../src/img/youtube.png) no-repeat center center;
	background-size: 55%;
}
.das_ende_vom_lied .socials a.twitter {
	background: #000 url(../../src/img/twitter.png) no-repeat center center;
	background-size: 55%;
}

/*** Cookie notice ***/

body .cc-color-override--248367459.cc-window {
	left: 20px;
	bottom: 20px;
	right: 20px;
	background: #000;
	color: #FFF;
	width: auto;
}
body .cc-color-override--248367459 .cc-btn {
	background: #000;
	color: #FFF;
}
body .cc-color-override--248367459 .cc-btn:hover,
body .cc-color-override--248367459 .cc-btn:focus,
body .cc-color-override--248367459 .cc-btn:active {
	background: #FFF;
	color: #000;
}
body .cc-color-override--248367459.cc-window label {
    font-size: 0.875rem;
    color: #fff;
	padding: 2px 7px;
}
body .cc-color-override--248367459.cc-window label input {
	margin-right: 5px;
}

.sidebar-main.off-canvas {
	z-index: 1500 !important;
}
.js--overlay.is--open {
	z-index: 130;
    display: none;
}
@media Screen and (max-width:768px) {
	.off-canvas {
		opacity: 0;
	}
	.off-canvas.is--open {
		opacity: 1;
	}
	
	.off-canvas.is--right {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		right: -100vw;
	}
	.off-canvas.is--right.is--open {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		right: 0;
        background: #000;
	}	
	.footer-main {
			background: rgba(0,0,0,.6);
			padding-top: 0;
			margin-top: 78px;
	}
	.footer-main .column--headline {
				color: #fff;
	}
	.header-main .logo-main .logo--link {
		margin: 0 auto;
		height: 200px;
	}
	.header--navigation {
		padding-top: 10px;
		padding-bottom: 10px;
		background: #000;
	}
	.shop--navigation .entry--link.entry--trigger {
		font-size: 1.25rem !important;
	}
	.shop--navigation .entry--menu-left .btn:hover {
		color: #FFF;
	}
	.navigation--list .entry--account .icon--account, .navigation--list .entry--cart .icon--basket {
		top: 0;
		font-size: 1.25rem !important;
	}
	.offcanvas--overlay,
	.sidebar-main.off-canvas {
		background: rgba(0,0,0,.85);
	}
	.navigation--smartphone .entry--close-off-canvas, #cookie-consent .cookie-consent--header {
		background: rgba(194,190,160,1);
	}
	.navigation--smartphone .entry--close-off-canvas .navigation--link, #cookie-consent .cookie-consent--header {
		color: #FFF;
		font-size: 1.2rem;
	}
}

.js--modal {
	background: rgba(0,0,0,.9);
}

.product--box .product--image .image--element img {
	z-index: 30;
}
.image-slider--thumbnails .image-slider--thumbnails-slide {
	z-index: 29;
}
.is--ctl-detail .content-main--inner {
	z-index: 10;
}

.sidebar--navigation {
	background: transparent;
}
.content--wrapper {
	background: rgba(0,0,0,.7);
	padding: 0 30px;
}
.is--ctl-index.is--act-index .content--wrapper {
	background: rgba(0,0,0,0);
	padding: 0;
}
.footer--vat-info .vat-info--text {
	font-size: 1rem;
}
.footer-minimal {
	font-size: 1.2rem;
}
.is--ctl-detail .content-main--inner {
	background: rgba(0,0,0,0);
}
.btn--back-top-shop.is--icon-left {
position: absolute;
z-index: 4000;	
right: 30px;
top: 20px;
}
.image-slider--thumbnails .thumbnails--arrow {
	background: rgba(0,0,0,.4);
}

/** Anfang zusaetzliche Aenderungen **/

.content-main--inner {
    padding: 0;
    margin-top: 0;
}


.product--details .product--properties .product--properties-table {
    width: 100%;
    background: #000 !important;
}

table td {
    background: #000 !important;
    color: #fff;
}

textarea, input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"] {
    color: #000 !important;
}

.navigation--list .entry--cart .cart--link .cart--amount {
    color: #fff !important;
    padding: 0 10px;
}

.product--navigation .image--wrapper {
    background: rgba(0,0,0,0) !important;
}

.confirm--content .product--table .panel--body{
    background: #000;
}

.confirm--content .product--table .basket--footer{
    background: #000;
}

.confirm--content .product--table .table--header{
    background: #000;
}



.method--name img{
    max-width: 300%;
}

.paypal--payment-selection .payment--method {
    background: #fff;
}

/** Anfang zusaetzliche Aenderungen **/

.product--table .table--aggregation {
    background: #000;
}

.aggregation--list {
    background: #000;
}

.paypal--payment-selection .is--plus-container #ppplus {
    height: 310px !important;
}

.is--act-shippingpayment .product--table .panel--body {
    padding: 0;
}

.select-field select option, .js--fancy-select select option {
    color: #000;
}

.account--menu .navigation--headline {
    color: #fff;
    background: transparent;
}

.account--dropdown-navigation .account--menu {
    background: transparent;
}

.shop--navigation .navigation--list {
    width: 85%;
}

.account--menu {
    border: none;
}

.navigation--headline, .sidebar--navigation {
    margin: 0;
}

.account--menu .navigation--headline {
    margin: 0;
}



@media screen and (max-width: 768px){
.account--dropdown-navigation.off-canvas {
        background: #000 !important;
    }
    }

.product--box .product--description,
.product--box .product--title {
    font-size: 1em;
}

.panel--body {
    font-size: 1em;
}

.aggregation--list .entry--totalnet, .aggregation--list .entry--taxes {
    font-size: 1em;
}

.navigation--list .entry--cart .icon--basket {
    left: 0 !important;
}

.footer-main .footer--columns {
    margin: 0em 0em 0em 10em;
}


.product--essential-features,
.panel--td,
.product--essential-features,
.product--table .table--content
{
    font-size: 1em;
}


.product--table .table--header .panel--th,
.product--table .content--title,
.product--table .content {
    font-size: 1em !important;
}


label {
    font-size: 1em;
}
/* schwarzer Kasten weg */
@media screen and (min-width: 48em){
    .paypal--sidebar {
        display: none;
}
    }

/* Merken/Herz ausblenden*/
.product--box .product--action {
    display: none;
}

/* Checkout Footer Link-Farbe*/
.footer-minimal .footer--service-menu .service--list .service--link {
    color: #fff;
}

@media screen and (max-width: 768px){
    .header--navigation {
        background: transparent;
    }
}
/* HG bei Phase 2 transparent und Schrift weiß 
.paypal--payment-selection .payment--method {
    background: transparent !important;
}
#paymentMethodContainer {
    color: white;
    background: transparent !important;
}

#paymentMethodContainer .paymentMethodRow {
    background: transparent !important;
}

#paymentMethodContainer .paymentMethodRow.selected {
    background: transparent !important;
}*/


.page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--content.cookie-permission--extra-button {
	color: #000000;
	font-size: 1rem;
}

.cookie-permission--container .btn {
	font-size: 1rem;
}
#cookie-consent.off-canvas,
#cookie-consent .cookie-consent--configuration-main,
.navigation--smartphone .entry--close-off-canvas .navigation--link, #cookie-consent .cookie-consent--header{
    background: #000;
}