@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300;400&display=swap');
html {
	height: 100vh;
	overflow-y: auto;
}
body {
    padding-top: 0;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
	background: #FFF;
	padding: 0;
	background: transparent;
	border: 20px solid #fff;
}
html {
	background: #191819 url(../../src/img/background_desktop.jpg) no-repeat left bottom;
	background-size: cover;
	background-attachment: fixed;
}
.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;
 }
@media Screen and (max-width 768px) {
	html {
		background: #191819 url(../../src/img/background_mobile.jpg) no-repeat left bottom;
		background-size: contain;
	}
	body {
		background: rgba(0,0,0,.25);
	}
}

.page-wrap {
	background: transparent;
}

a, btn, .das_ende_vom_lied .socials a,.js--tab-menu .tab--link {
	-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;
}


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

.shop--navigation .entry--search,
.navigation-main,
.navigation--entry.entry--account,
.listing--actions,
.listing--bottom-paging,
.product--box .product--rating-container,
.product--navigation,
.product--details .product--actions,
.product--rating-count,
.logo--supportinfo.block {
    display: none !important;
}


h1, h2,h3,h4.h5 {
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
}
/** Header **/

.header-main {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    z-index: 1000;
    background: rgba(0, 0, 0, 0);
    padding: 10px 0 25px 0;
    height: auto;
    display: block;
	border: none;
}

.logo--center--wrap {
    display: block;
    position: static;
    width: 100%;
    text-align: center;
}

.logo--centered {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
}

.logo--centered img {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
	width: 200px;
}

.header-main .shop--navigation {
    display: block;
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
}
.content--breadcrumb {
	border: none;
}
@media Screen and (min-width: 48em) {
	.header-main {
		position: relative;
		padding: 20px;
	}
	.header-main .container {
		width: auto;
		max-width: 100%;
	}
	.header-main .shop--navigation {
		position: absolute;
		right: 10px;
		top: 0;
	}
	.shop--navigation.block-group {
		width: auto;
		background: transparent;
	}
	.header-main .top-bar{
		margin: 0 !important;
		position: absolute;
		left: 30px;
		top: 20px;
		z-index: 450;
	}
    .container--ajax-cart {
        top: 1.125em
    }
	.logo--centered img {
		width: 400px;
	}
	.shop--navigation.block-group {
		display: inline-block;
		float: left;
	}
	.header-main .top-bar--navigation .entry--service{
		text-transform: uppercase;
		font-weight: 400;
		font-family: 'Dosis', sans-serif;
		letter-spacing: .15em;
	}
	.header-main .top-bar--navigation .service--list{
		right: auto !important;
		left: 0 !important;
		padding-bottom: 15px;
	}
	.header-main .top-bar--navigation .service--list .service--link {
		color: rgba(0,0,0, .6);
		text-transform: uppercase;
		padding-left: 10px;
		padding-right: 10px;
	}
	.header-main .top-bar--navigation .service--list .service--link:hover {
		color: rgba(0,0,0, 1);
	}
	.shop-sites--container {
		padding: 0;
		border: none;
		text-transform: uppercase;
	}
}
.navigation--list .navigation--entry.entry--notepad {
	display: none;
}
.navigation--list .entry--cart .cart--link {
	border: none;
}


/** Content **/
.content-main,
.is--ctl-detail .content-main--inner,
.sidebar--navigation,
.emotion--container,
.footer-main,
.footer-main .container {
    background: transparent;
    border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	
}
.footer-main {
font-weight: 400;
font-family: 'Dosis', sans-serif;
letter-spacing: .15em;
	
}
.product--box .product--title {
    font-size: 1em;
    font-weight: 500;
    height: auto;
}
.product--box .product--description {
	font-size: .95rem;
}
.box--image .product--price-info {
    font-size: 1em;
    height: auto;
    font-weight: 400;
}

.product--box .product--price .price--default {
    font-size: 1em;
    height: auto;
    font-weight: 400;
}



textarea,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
textarea,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
    background: #FFF;
    color: #333;
    border: 1px solid #aaa;
    border-radius: 2px;
}

::placeholder {
    color: #999;
}


.js--fancy-select select,
.select-field select:hover,
.js--fancy-select select:hover,
.select-field select:focus,
.js--fancy-select select:focus {
    background: #FFF;
    color: #333;
    border: 1px solid #aaa;
}

.select-field,
.select-field select,
.select-field select option,
.js--fancy-select select option,
.select-field::after,
.js--fancy-select::after {
    color: #454545
}

.buybox--button.btn {
    border-radius: 2px !important;
    border: 2px solid #a14034;
    background: #a14034;
	color: #fff;
}
.product--box .box--content {
	border: none;
}
.product--details .product--buybox .price--content {
    color: #FFFFFF;
    font-size: 2em;
    font-weight: 400;
}

.image-slider--thumbnails .thumbnail--link {
    border-radius: 0px !important;
    padding: 0;
}

.js--modal {
    background: #000;
    border-radius: 0;
    border-bottom: 1px solid #BBB;
    border-top: 1px solid #BBB;
}

.image-slider--container .arrow {
    background: #454545;
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    border: none;
	width: 40px;
	height: 40px;
	line-height: 2.5rem;
}

@media Screen and (min-width: 48em) {

    .shop-sites--container .shop-sites--navigation .navigation--link,
    .shop-sites--container .navigation--entry .navigation--link {
        padding-left: 0
    }

    .panel--title,
    .panel--title.is--underline,
    .panel--body.is--wide,
    .product--box .box--content {
        padding-left: 0;
        padding-right: 0
    }
	.product--details .content--description, .product--details .content--product-reviews {
		padding-left: 0;
		padding-right: 0;
		font-family: 1.2em;
	}
	.off-canvas, .offcanvas--overlay, 
	.sidebar-main.off-canvas,
	.image--gallery .image-slider--thumbnails {
		background: transparent;
	}

}

.js--tab-menu .tab--link {
	background: transparent;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	text-transform: uppercase;
	padding: 7px 0;
	margin: 0 15px 0 5px;
	font-size:  1em;
	letter-spacing: .15rem;
	border-bottom: 1px solid rgba(255,255,255,.4);
	color:  rgba(255,255,255,.4);
}
.js--tab-menu .tab--link:hover, .js--tab-menu .tab--link.is--active {
	background: transparent;
	padding: 7px 0 6px 0;
	border-bottom: 2px solid #FFF;
	color: rgba(255,255,255,1)
}


.ajax--cart {
    background: #151515;
}

.ajax--cart::before {
    border-bottom-color: #151515;
}

.badge.is--primary {
    color: #000
}

/** FOOTER **/

.footer-main .navigation--link {
    color: rgba(255,255,255,.7);
    font-size: 1em;
	line-height: 1.3em;
	padding-bottom: 9px;
}

.footer-main .navigation--link:hover {
    color: rgba(255,255,255,1);
}

.footer-main .container {
/*    border-top: 1px solid rgba(255,255,255,.25);*/
    padding-top: 30px;
}

.footer--vat-info .vat-info--text {
    color: #eeeeee;
}
.footer-main .column--headline {
	font-weight: 400;
	text-transform: uppercase;
}



.cookie-permission--content {
    color: #151515 !important;
}

.cookie-permission--accept-button.is--primary {
    background: #454545;
	color: #FFF;
}

.cookie-permission--accept-button.is--primary:hover {
    background: #151515;
}


.content--breadcrumb .breadcrumb--link {
    color: #eeeeee;
}

.product--details .product--header .product--title {
    font-weight: 400;
    color: #FFFFFF;
}



@media Screen and (min-width: 48em) {
    .emotion--product .product--box .product--info {
        position: static
    }

    .emotion--product .product--box .product--image,
    .emotion--product .product--box .product--details,
    .product--box .product--image .image--element img {
        position: static;
        height: 100%;
        width: 100%;
        display: block
    }

    .emotion--product .product--box .product--image {
        margin-bottom: 10px;
    }

    .emotion--mode-rows .emotion--product {
        height: auto;
    }

    .panel--title {
        margin-left: 0;
    }

    .footer-main .footer--column {
        width: 50%;
    }
	.footer-main .footer--column.half-col {
	    width: 50%;
		vertical-align: text-top;
	}
	.footer-main .footer--column.half-col .navigation--entry {
	    width: 50%;
	}
	
	.player {
		margin-top: 15px;
	    width: 100%;
		display: inline-block;
	}
	.footer-main .footer--column .mycol .navigation--entry {
	    width: 100%;
	}
}

@media Screen and (min-width: 900px) {
	.footer-main .footer--column {
	    width: 33%;
	}
	.footer-main .footer--column.half-col {
	    width: 33%;
		vertical-align: text-top;
	}
	.footer-main .footer--column.half-col .navigation--entry {
	    width: 100%;
	}
	
}
@media Screen and (min-width: 78em) {
	.footer-main .footer--column {
	    width: 50%;
	}
	.footer-main .footer--column.half-col {
	    width: 25%;
		vertical-align: text-top;
	}
	.footer-main .navigation--entry {
	    padding: 0;
	    display: inline-block;
	    width: 49%;
	}
	.footer-main .footer--column.half-col .navigation--entry {
	    width: 100%;
	}
}
.footer-main .footer--columns {
	border-bottom: none;
} 
.footer--column.column--hotline {
    display: none
}

/*** MOBIL UND SO ***/
@media Screen and (max-width: 48em) {
.off-canvas,
.offcanvas--overlay,
.sidebar-main.off-canvas,
.image--gallery .image-slider--thumbnails {
    background: #151515;
	}

}
@media Screen and (max-width: 1400px) {
	.footer-main {
	    padding-left: 40px;
	    padding-right: 20px;
	}
}

.navigation--smartphone .entry--close-off-canvas,
.navigation--smartphone .entry--close-off-canvas .navigation--link,
.off-canvas .close--off-canvas {
    color: #FFF;
    background: #000;
}

.navigation--smartphone .entry--close-off-canvas .navigation--smartphone .entry--close-off-canvas {
    color: #151515;
    background: #FFF;
}

.offcanvas--overlay .overlay--headline {
    color: #FFF;
    background: #000;
}

.panel--dot-nav .dot--link,
.panel--dot-nav a {
    border-color: #FFF;
}

.confirm--content .product--table .basket--footer,
.product--table .basket--footer {
    background: transparent;
}

.btn.is--large {
    height: auto !important;
    line-height: 2.2em;
}

.footer--benefit.block,
.register--advantages.block,
.logo--supportinfo.block, 
.footer--logo {
    display: none;
}
.footer--column.column--hotline,
.logo--supportinfo.block,
.footer--column.column--newsletter.block,
.navigation--entry.entry--search {
	display: none;
}

.steps--content .steps--entry .icon {
    color: #FFF;
}


.paypal--payment-selection .payment--method {
    height: 85px;
    color: #151515;
    background: #fff;
    display: block;
}

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

.paypal--payment-selection .method--description {
    display: block;
}

.paypal--payment-selection .method--label {
    width: 9%;
    padding-left: 1rem;
}
.product-slider--container.is--horizontal .product-slider--item {
	vertical-align: text-top;
}
.product-slider--container .product--box .product--image .image--element img {
	width: auto;
}



.das_ende_vom_lied {
	display: block;
	border-top: 20px solid #FFF;
}
.das_ende_vom_lied .socials {
	text-align: left;
	padding: 40px 20px;
	width: 100%;
	display: block;
	text-align: center;
}

.das_ende_vom_lied .socials a {
	width: 35px;
	height: 35px;
	margin: 0 15px;
	display: inline-block;
}
.das_ende_vom_lied .socials a:hover {
	-moz-transform: scale(.8);
	-webkit-transform: scale(.8);
	-o-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
}
.das_ende_vom_lied .socials a.instagram {
	background: transparent url(../../src/img/instagram.png) no-repeat center center;
	background-size: cover;
}
.das_ende_vom_lied .socials a.facebook {
	background: transparent url(../../src/img/facebook.png) no-repeat center center;
	background-size: cover;
}
.das_ende_vom_lied .socials a.spotify {
	background: transparent url(../../src/img/spotify.png) no-repeat center center;
	background-size: cover;
}
.das_ende_vom_lied .socials a.youtube {
	background: transparent url(../../src/img/youtube.png) no-repeat center center;
	background-size: cover;
}

.product--box .product--price-info .price--unit {
	height: auto !important;
}

.content--wrapper {
	text-shadow: 0px 1px 3px rgba(0,0,0,1);
}
.content--wrapper .alert--content {
	text-shadow: none;
}

.pohlmanntext p {
	font-size: 1.02em;
	margin: 0;
	padding: 0 0 13px 0;
	text-align: justify;
}
.emotion--wrapper {
	margin-top: 60px;
	margin-bottom: 60px;
}
@media Screen and (min-width:995px) {
	.pohlmanntext p {
		padding-right: 90px;
	}
	.emotion--wrapper {
		margin-top: 120px;
	}
}
@media Screen and (max-width:600px) {
	.pohlmanntext p {
		padding: 15px;
	}
}

.emotion--mode-rows .emotion--product {
	height: auto;
}
.product--box .product--image .image--element img {
	position: static;
}
.emotion--product .product--box .product--details {
		position: static;
}

.navigation--smartphone .entry--close-off-canvas, .navigation--smartphone .entry--close-off-canvas .navigation--link, .off-canvas .close--off-canvas {
	background: #FFF;
	color: #000;
	text-shadow: none;
	text-transform: uppercase;
}
.footer-main .footer--headline {
	font-weight: 400;
	text-transform: uppercase;
	margin: 1.75rem 0rem 0.625rem 0rem;
	padding: 0;
	cursor: text;
}

.js--overlay.is--closable {
	display: none;
}
.container--ajax-cart.off-canvas {
	color: #000;
}
.ajax--cart .cart--item .item--link {
	color: #888;
}
.off-canvas .ajax--cart .button--container [class*="button--"] {
	background: #000;
	    line-height: 2.2em;
	color: #FFF;
}
.off-canvas .ajax--cart .button--container [class*="button--"]:hover {
	background: #a14034;
	color: #FFF;
}
label.has--error {
	padding: 4px;
	border-radius:2px;
	background: #C00;
	color: #FFF;
}

.btn, .is--primary:hover {
	text-transform: uppercase;
/*    padding: 0.125rem 0.625rem 0.125rem 0.625rem !important;*/
    line-height: 2.2em;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: 'Dosis', sans-serif;
	font-weight: 300;
	background: #a14034;
	border-color: #a14034;
	color: #FFFFFF;
}
.btn:hover {
/*	padding: 0.125rem 0.625rem 0.125rem 0.625rem !important;*/
	line-height: 2.2em;
	background: #FFF;
	border-color: #FFF;
	color: #a14034;
}
.btn:disabled, .btn:disabled:hover, .btn.is--disabled, .btn.is--disabled:hover{
	background: #eee;
}
.btn.cart--link:hover,
.btn.cart--link:focus,
.btn.cart--link:active {
	background: transparent;
    color: #a14034;
}
.steps--content .is--active .icon {
	background: #a14034;
}
@media Screen and (max-width:768px) {
	.player {
		margin: 30px auto;
		display: block;
		width: 300px;
	}
	.player-col {
		text-align: center;
	}
}
.product--table .table--aggregation,
.aggregation--list {
	background: transparent;
}


/**** Cookie permission  ****/
body .cc-color-override--248367459.cc-window {
	color: rgb(0,0,0);
	background-color: rgb(255, 255, 255);
	border-radius: 0;
}
.cc-color-override--248367459.cc-window a,
.cc-color-override--248367459.cc-window label{
	color: rgb(0,0,0);
}

body .cc-color-override--248367459.cc-window .cc-btn {
    background: #a14034;
	color: #FFF;
	border: 1px solid #a14034;
	border-radius: 0;
}
body .cc-color-override--248367459.cc-window a.cc-btn:hover {
background: #FFFFFF;
color: #a14034;
	border: 1px solid #a14034;
}
body .cc-color-override--248367459 .cc-highlight .cc-btn:first-child {
	color: #a14034;
	background: #FFFFFF;
	border: 1px solid #a14034;
}
body .cc-color-override--248367459 .cc-highlight .cc-btn:first-child:hover {
	background: #a14034;
	color: #FFFFFF;
	border: 1px solid #a14034;
}

#cookie-consent .cookie-consent--configuration .cookie-consent--group {
	color: #454545;
}