@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&family=Schoolbell&display=swap');

html {
	height: 100vh;
	overflow-y: auto;
	background: rgb(106,54,139);
	background: -moz-linear-gradient(0deg, rgba(106,54,139,1) 0%, rgba(7,137,66,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(106,54,139,1) 0%, rgba(7,137,66,1) 100%);
	background: linear-gradient(0deg, rgba(106,54,139,1) 0%, rgba(7,137,66,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6a368b",endColorstr="#078942",GradientType=1); 
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.box {
    height: 8em;
}
body {
    padding-top: 120px;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	font-weight: 300;
	padding: 0;
    background: transparent;
}
.js--modal .modal--close,
.btn.is--icon-right,
.icon--cross {
    color: #000;
}

/*.emotion--wrapper {
    max-width: 360px;
}*/
.emotion--mode-rows .emotion--html {
    text-align: center;
    color: #000;
    font-family: 'Schoolbell', cursive; 
}
.html--content.panel--body.is--wide p {
     font-size: 1.6em;
}
.panel--body.is--wide p {
    font-size: 1em;
}
.product--table .table--aggregation,
.select-field select:hover, 
.js--fancy-select select:hover {
    background: transparent !important;
}
.select-field select option, .js--fancy-select select option,
.register--login .register--new-customer .new-customer-btn{
    color: #000;
}

.image-slider--item img {
    max-width: 100%;
    max-height: 100%;
}
img {
    max-width: 120%;
    max-height: 120%;
}
.paypal--payment-selection .method--label {
    width: 30%;
}
.badge.is--primary,
.account--dropdown-navigation.off-canvas{
    background: #69368a;
}
@media Screen and (min-width: 48em){
    .page-wrap--cookie-permission{
    height: 7em;
    color: #000;
}
.footer-main {
    margin-left: 10em;
    margin-top: 13em !important;
    background: rgba(255,255,255, 0);
    }
.footer-main.container {
    margin-top: 2em;
    }}

@media Screen and (min-width: 768px){

	body.is--ctl-index.is--act-index {
		background: transparent url(../../src/img/614bg.png) no-repeat center center;
		background-size: contain;
		background-attachment: fixed;
	    }
	}
.product--table .column--actions .column--actions-link {
    color: #000;
}
.navigation-main {
	display: none;
}
.product--table .add-voucher--panel {
    display: none;
}
/**** Anpassungen Navigation *****/
@media Screen and (min-width: 48em){
	.top-bar--navigation .entry--service {
		display: none;
	}
}
/***** Ich überschreibe hier erst mal alles was ich aus der original-CSS nicht will ******/
.header-main .shop--navigation.block-group {
	width: auto;
}
.navigation-main .container {
	width: auto;
	max-width: 100%;
}
.header-main .logo-main {
	width: auto;
}
@media Screen and (min-width: 48rem) {
	.navigation-main {
		width: auto;
		background: transparent;
		display: flex;
		border: none;
	}
	.logo-main, .shop--navigation {
		float: none !important;
	}
	.header-main .block {
		float: none !important;
	}
	.shop--navigation .navigation--entry .btn {
		height: auto !;
	}
}

/******* JETZT DEFINIERE ICH DAS, WAS ICH HABEN WILL *******/
.header-main {
	position: relative;
	display: block;
	margin-top: 10px;
}
.header-main .logo-main {
	width: 100%;
}
.header-main .logo-main .logo--shop,
.header-main .logo-main .logo--link {
	height: 50px;
	width: auto;
	margin: 0 0  0 auto;
}


@media Screen and (min-width: 48rem) {
	.body {
		padding-top: 160px;
	}
	.header-main {
		position: relative;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
		margin-top: 60px;
	}
	.header-main .logo-main {
		display: flex;
		flex: 0 0 250px;
	}

	.header-main .logo-main {
		display: flex;
		flex: 0 0 230px;
	}
	.navigation-main {
		width: auto;
		display: flex;
		flex: 1 1 auto !important;
	}
	.navigation-main .container {
		display: flex;
		width: 96%;
		padding: 0 3%;
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}
	.navigation--list-wrapper {
		width: 100%;
	}
	.header-main .shop--navigation.block-group  {
		margin: 0 0 0 auto;
	}
	.header-main .logo-main .logo--shop,
	.header-main .logo-main .logo--link {
		height: 60px;
		width: auto;
		margin: 0 0  0 auto;
	}
	/*** Text bei Buttons mit reiner Shopfunktion ausblenden****/
	.navigation--list .account--display {
		display: none;
	}
	/**** Ich würde den Texten noch einen harten Schatten geben - das kann ja auf dem Gesicht kein mensch lesen*****/
	.navigation-main .navigation--link {
		text-shadow: 0px 1px 1px #f1f0f5;
	}
}
@media Screen and (min-width: 52rem) {
	.body {
		padding-top: 200px;
	}

	.header-main .logo-main {
		display: flex;
		flex: 0 0 260px;
	}
	.header-main .logo-main .logo--shop,
	.header-main .logo-main .logo--link {
		height: 70px;
		width: auto;
		margin: 0 0  0 auto;
	}
}	

@media Screen and (min-width: 64rem) {
	.header-main .logo-main {
		display: flex;
		flex: 0 0 21%;
	}
	.header-main .logo-main .logo--shop,
	.header-main .logo-main .logo--link {
		height: 77px;
		width: auto;
		margin: 0 0  0 auto;
	}
	/*** Breite header beschränken damit die Sprachauswahl nicht ganz am rand klebt****/
	.header-main {
		width: 95vw;
	}
		.navigation--list .entry--account .icon--account,
	.navigation--list .entry--cart .icon--basket {
		top: 11px;
	}
}
@media Screen and (min-width: 1350px) {
	.header-main .logo-main {
		display: flex;
		flex: 0 0 300px;
	}
	.header-main .logo-main .logo--shop,
	.header-main .logo-main .logo--link {
		height: 84px;
		width: auto;
		margin: 0 0  0 auto;
	}
}	
@media Screen and (min-width: 1550px) {
	.header-main .logo-main {
		display: flex;
		flex: 0 0 21%;
	}
	.header-main .logo-main .logo--shop,
	.header-main .logo-main .logo--link {
		height: 96px;
		width: auto;
		margin: 0 0  0 auto;
	}
}	
.content-main {
	box-shadow: none !important;
	min-height: 65vh;
}


/***** Einkaufswelt ABOUT - Hintergrund als Bodybg - Text als EKW******/
.johnnyabout {
	font-size: 2rem;
	padding-top: 24vh;
}



/********* AB HIER CSS DAS SCHON DA WAR **********/

.js--modal .content {
    background: #524a7a;
}

 .emotion--show-listing {
        display: none !important;
    }

h1, h2,h3,h4.h5 {
	font-family: Arial, sans-serif;
	font-weight: 700;
}
p, .btn {
    font-size: 1.15rem;
}
.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;
 }


.header-main,
.container,
.footer-main,
.emotion--container {
    background: transparent;
	border: none!important;
}

.emotion--product .product--title {
	font-size: 1.5em;
    padding-bottom: .5em;
	height: auto;
    font-weight: 400;
	font-family: 'Schoolbell', cursive;
}
.price--default,
.product--box .product--price .price--default{
	color: #000;
	font-weight: 100;
	font-family: 'Schoolbell', cursive;
}

/****** 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;
    color: #000;
}

/********* Header **********/
.shop--navigation .navigation--entry .icon--heart,
.shop--navigation .navigation--entry .icon--basket,
.shop--navigation .navigation--entry .icon--account {
	font-size: 0.8em !important;
	padding: 5px 0;
}



/*.header-main .logo-main .logo--link {
	margin: 2em 0em 0em 0em;
	height: auto;
    padding-bottom: 3em;
	position: relative;
    width: 85%;
}*/
.navigation-main .navigation--link {
	font-size: 1.25rem;
	text-transform: uppercase;
	position: relative;
	font-weight: 100;
	letter-spacing: -0.05em;
	background: transparent;
	display: none;
}
.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;
}

.ajax--cart {
	background: #000;
	color: #000 !important;
}
.ajax--cart::after {
	border-bottom-color: #000;
}

.ajax--cart .cart--item .item--link {
    color: #000000;
}

.ajax--cart .prices--container .prices--articles {
    color: #000000;
}

.shop--navigation .entry--link {
	font-size: 1rem !important;
}
.shop--navigation .entry--menu-left .btn {
	color: #000;
}
.header-main .top-bar--navigation .select-field select,
.header-main .top-bar--navigation .select-field select option {
	color: #FFF;
	background: #f1f0f5;
}
@media Screen and (min-width:48em) {
	.cart--amount {
		font-size: 1rem;
	}
	.navigation-main .navigation--link {
		text-transform: uppercase;
		position: relative;
		font-weight: 100;
		letter-spacing: -0.05em;
		background: transparent;
/*		margin-left: 2rem;
		margin-right: 2rem;*/
	}
	.shop-sites--container .shop-sites--headline {
		font-size: 1.2rem;
		text-transform: uppercase;
		font-weight: 7;
		font-family: 'Schoolbell', cursive;
	}
	.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:hover {
	color: #9a9a9b;
	background: transparent;
	font-weight: bold;
}

.navigation-main .is--active .navigation--link {
    color: #000;
	background: transparent;
}

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

.shop--navigation .navigation--entry .entry--notepad a   {
	padding: 15px 0 0 0 ;
}
@media Screen and (min-width:768px) {
	.shop--navigation .navigation--entry .account--link  {
	padding: 0 0 0 30px;
	}
	.navigation--list .entry--cart .cart--link {
		padding: 0 0 0 2rem;
	}
} 



/************ INHALTSKRAM VON SONJA **************/
.content-main {
	box-shadow: none !important;
/*	z-index: 100;
	position: relative;*/
}
.content--breadcrumb {
	border: none;
}
.product--box .box--content {
	border: none;
    height: 130%;
}
.product--box .product--actions {
	display: none;
}
.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: center;
	color: #000;
    font-weight: 100;
	font-family: 'Schoolbell', cursive;
}
.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: left;
}
.product--properties-table {
	background: transparent !important;
}
.js--tab-menu .tab--link {
	background: #000;
	border: 1px solid #AAA;
	border-bottom: none;
	color: #aaa;
}
.js--tab-menu .tab--link.is--active {
		background: transparent;
		color: #FFF;
		border: 1px solid #FFF;
		border-bottom: none;
        font-weight: 600;
}
.select-field select, .js--fancy-select select {
	background: transparent;
}
.js--tab-menu .tab--link {
	background: transparent;
	color: #9a9a9b;
	border: 1px solid #9a9a9b;
    font-weight: 100;
}
.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;
	font-family: 'Schoolbell', cursive;
}


@media Screen and (min-width: 48em) {
	.product--details .product--header .product--title {
		font-size: 	2.7rem;
		font-weight: 400;
		font-family: 'Schoolbell', cursive;
	}
	.product--box .product--price {
	    height: 2em;
	    margin-top: -1.8em;
	    font-weight: 400;
        text-align: center;
		font-family: 'Schoolbell', cursive;
	}
	
	.product--box .product--price .price--default {
		font-size: 	1.5em;
		font-weight: 100;
		font-family: 'Schoolbell', cursive;
	}
	.box--basic .box--content {
		padding: 1,25rem 0.325rem 1.25rem 0;
		margin: 0.6rem 0.3rem 0.6rem 0.6rem ;
		background: transparent;
		border-bottom: 3px solid #FFF;
	}
}
.product--table .basket--footer {
	background: rgba(0,0,0,.7);
    color: #fff;
}

/***** FOOTER ******/



/*** 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: #9a9a9b;
}
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;
}
@media Screen and (max-width:768px) {
        .page-wrap--cookie-permission{
    height: 20em;
    color: #000;
}
	.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;
	}	
	.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: 160px;
	}
	.header--navigation {
		padding-top: 10px;
		padding-bottom: 10px;
		background: transparent;
	}*/
	.shop--navigation .entry--link.entry--trigger {
		font-size: 1.25rem !important;
	}
	.shop--navigation .entry--menu-left .btn:hover {
		color: #9a9a9b;
	}
	.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: transparent;
	}
	.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: transparent;
	padding: 0 30px;
}
.is--ctl-index.is--act-index .content--wrapper {
	background: transparent;
	padding: 0;
}
.footer--vat-info .vat-info--text {
	font-size: 1rem;
}
.footer-minimal {
	font-size: 1.2rem;
}
.is--ctl-detail .content-main--inner {
	background: transparent;
    margin-top: 5em;
}
.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);
}

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

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

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

.product--table .table--actions .btn--checkout-proceed, .product--table .table--actions .btn--checkout-continue,
.btn.is--large,
.teaser--btn-print,
.product--details .buybox--button
{
    border: 1px Solid #fff;
}
.cookie-permission--configure-button.btn.is--primary.is--large.is--center {
    border: 1px solid #000;
}
.product--table .table--aggregation,
.aggregation--list,
 {
    background: transparent !important;
}
.product--details .product--properties tr:nth-child(even) td  {
    background: transparent;
}

table td {
    background: transparent;
}

/** Mobiles Overlay (von Finch) **/

@media Screen and (max-width:768px) {
    .emotion--mode-rows .emotion--html {
    margin-top: -4em;
}
    div .js--overlay .theme--dark .is--closable .is--open{
        display: none !important;
    }
	.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;
		z-index: 200;
	}
}
.sidebar-main.off-canvas {
	z-index: 1500 !important;
}
.js--overlay,
.js--overlay.is--open {
	z-index: 130;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.product--description {
    background: transparent;
}
@media screen and (max-width: 768px) {
    .off-canvas.is--right.is--open {
    background: transparent !important;
	}
}

.paypal--payment-selection .payment--method {
    background: white;
}
.paypal--payment-selection .is--plus-container.payment--method {
    height: 22em;
}
@media screen and (min-width: 48em) {
	.content--confirm .confirm--inner-container .payment--method-list, .content--confirm .confirm--inner-container .dispatch--method-list  {
	    padding-bottom: 1em;
	}
}

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

@media screen and (max-width: 769px){
.footer-main .navigation--link,
.footer-main .footer--bottom {
    color: #fff;
}}

/*.header-main .top-bar--navigation .select-field select, .header-main .top-bar--navigation .select-field select option {
    background: transparent;
}*/

.sidebar--navigation .navigation--link {
    color: #fff;
}
.sidebar--navigation .navigation--link:hover {
    color: #9a9a9b;
}


/*@media screen and (max-width: 767px){
   
    .product--box .product--title {
        margin-top: -5em;
    }
    .image-slider--container {
        height: 20rem;
    }
}*/

@media screen and (min-width: 48em){
	.image-slider--container {
	    height: 29rem;
	}
}

.productfont {
    color: #000;
}

.product--box .product--price-info .price--unit {
    height: 0.2rem;
}

a:hover {
    color: #9a9a9b;
}

@media screen and (min-width: 48em) {
	.sidebar--navigation .navigation--link.is--active {
	    color: #fff;
	    font-weight: 700;
	}
}

.product--box .product--description {
    text-align: center;
}
.aggregation--list .entry--total,
.product--table .basket--footer {
    color: #fff;
    background: transparent;
}

.hidden--xs, .hidden--s, .hidden--m, .hidden--xl {
    display: none !important;
}

.product--delivery .delivery--text-more-is-coming {
    color: #fff;
}
.product--delivery .delivery--status-more-is-coming {
    background: #2ECC71;
}

@media screen and (max-width: 767px){
	.product--box .product--price {
	    text-align: center;
        margin-top: -2em;
	}
    .product--box .product--price .price--default {
        font-size: 1.4em;
        line-height: 1.4em;
    }
}

/**   FOOTER **/

@media screen and (min-width: 48em){
	.footer-main .footer--column {
	    border: none;
	    width: 50%;
	    padding: 0rem 0.625rem 0rem 0rem;
	}
}
.footer--column.column--hotline.is--first.block, .footer--column.column--newsletter.is--last.block {
    display: none;}
   
@media screen and (min-width: 78.75em){
	.footer-main .footer--columns {
	    padding: 0rem 1.8rem 0rem 1.8rem;
	}
}
.footer-main .footer--columns {
    border: none !important;
}

@media screen and (min-width: 48em){
	.footer-main .column--headline {
	    margin: 1.75rem 0rem 0.625rem 0rem;
	    padding: 0;
	    cursor: text;
	}
}
.footer-main .column--headline {
    -webkit-user-select: none;
    user-select: none;
    padding: 0.5rem 0rem 0.5rem 0rem;
    margin: 0;
    font-weight: 700;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.625rem;
}
.footer-main .column--content {
    display: block;
}
.footer-main .navigation--list {
    padding: 0rem 0rem 1rem 0rem;
}

@media screen and (min-width: 48em){
	.footer-main .navigation--entry {
	    width: 49%;
	    display: inline-block;
	    padding: 0;
	}
	.account--dropdown-navigation .account--menu .sidebar--navigation {
	    text-align: left;
	    background: #000;
	}
}
@media screen and (min-width: 78.75em){
.footer-main .footer--bottom {
    font-size: 0.9375rem;
    padding: 1.33333333rem 1rem 0rem 1rem;
    text-align: center;
    margin-left: -6em;
}
}
.footer-main .footer-minimal {
    display: none;
}
.footer-main.footer--vat-info {
    text-align: center;
}


@media screen and (max-width: 767px){
.vat-info--text a {
    color: #fff;
}
}



.aggregation--list {
    background: transparent !important;
    color: #fff;
}


.product--box .product--badges .badge--newcomer {
    display: none;
}

.product--table .table--shipping-costs-trigger {
    display: none;
}
p, .btn, .panel--body {
    font-size: 1rem;
}
@media screen and (max-width: 767px){
	.product--box .product--description {
		display: none;
	}
    .product--box .product--image {
        height: 16rem;
    }
}
@media screen and (max-width: 768px)
    .navigation--list .account--display {
		font-size: 0.7em !important;
	} 
    .navigation--list.entry--cart.cart--link.cart--amount {
		font-size: 0.8em !important;
	}
 }  
/** SONJA ERGÄNZUNG **/
@media Screen and (max-width: 767px){
	.emotion--product .raw-color-container {
		height: 25px;
	}
	.emotion--product .product--box .box--content {
		display: block;
	}
	.emotion--product .product--box .product--info {
		display: block;
	}
	.emotion--product .product--box .product--image {
		height: 58%;
		display: block;
		position: static;
	}
	.product--box .product--image .image--element img {
		display: block;
		position: static;
	}
	.emotion--product .product--box .product--image span {
		display: block;
	}
	.emotion--product .product--box .product--details{
		display: block;
		position: static;
	    margin-top: 1em;
		max-height: 36%;
		height: 36%;
	}
	.product--box .product--title,
	.emotion--product .product--box .product--title {
		margin-top: 1em !important;
	}
}
@media Screen and (max-width: 690px) {
.emotion--product .product--box .product--details{
	display: block;
	position: static;
	max-height: 36%;
	height: 36%;
	padding-top: 2rem;
}	
	.raw-color-container {
		height: 25px !important;
	}
}

@media screen and (min-width: 768px){
	.emotion--product .raw-color-container {
		height: 25px;
	}
	.emotion--product .product--box .product--details {
	    position: relative;
	    margin-top: 1em;
    }
}

.emotion--container.emotion--mode-rows .emotion--element {
    margin-top: 2em;
   }
.emotion--wrapper {
    padding-bottom: 1em;    
    }
@media screen and (min-width: 78.75em){
	.content-main {
	    margin-top: 0;
	}
}
@media screen and (min-width: 1024px){
	.emotion--mode-rows .emotion--html {
	    height: auto;
	    margin-top: -5em;
	    width: 100%;
	}
}

.panel.has--border {
    border: none;
}
@media screen and (min-width: 48em){
.confirm--content .information--panel-item.information--panel-address .shipping--panel .btn,
    .confirm--content .product--table .panel--body,
    .confirm--content .product--table .table--header{
    background: transparent;
}}
.panel--actions .btn {
    background: transparent;
}
@media screen and (min-width: 48em){
.account--dropdown-navigation .account--menu {
    background: transparent;
}.account--dropdown-navigation .account--menu .sidebar--navigation {
    background: transparent;
}
    .is--primary {
        color: #000;
    }}
.page-wrap--cookie-permission {
    color: #000;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button,
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button.cookie-permission--extra-button .cookie-permission--accept-button,
#cookie-consent .cookie-consent--configuration-main,
#cookie-consent .cookie-consent--header{
    background: #000;
}