@charset "utf-8";
/* CSS Document */
/*Phone Landscape styling for the global shop header*/

body{
      font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {

    font-weight: 600;
    font-family: 'Open Sans', sans-serif;

}

a {

    color: rgb(51, 47, 48);

}


a.footer--phone-link, a.footer--phone-link:hover, .vat-info--text a, .vat-info--text a:hover, .privacy-information a, .privacy-information a:hover{

	 background-color: transparent;

}

p a {

	 background-color: rgb(247, 205, 71);

}

.category--teaser.panel.has--border {
    border: none!important;
}

.category--teaser .hero--headline {
    font-size: 1.625rem;
    padding: 0!important;
}

.logo--link {
	position: relative;

}

.logo--link:after {
	content: "";
	display: inline-block;
	background: url("/media/image/96/0e/ed/bueromoebel-95.jpg") no-repeat top right;
	width: 86px;
	height: 95px;
	right: -100px;
	position: absolute;
	bottom: -40%;

}

.is--ctl-checkout.is--minimal-header .header-main .header--navigation, .is--ctl-register.is--minimal-header .header-main .header--navigation, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .header--navigation {
    padding: 2rem 0rem .625rem 0rem;
}

.checkout--content .finish--teaser .teaser--actions .teaser--btn-print{

	display: none!important;

}

p a:hover {

	 background-color: rgb(51, 47, 48);

}

a:hover{

    color: rgb(247, 205, 71);

}

.product--tax a, .product--tax a:hover, .no-link a {

    background-color: transparent;

}


.header-main .top-bar--navigation .navigation--entry, .header-main .entry--info-left i{

    line-height: 40px;
    line-height: 2.5625rem;

}

.header-main .top-bar--navigation .navigation--entry, .header-main .entry--info-left  {

    height: 40px;
    height: 2.5625rem;

}

.header-main .navigation--entry .is-active a{

   text-decoration: underline;

}

.header-main .top-bar--navigation .entry--img-right {

    padding-left: 0px;
}
.header-main .top-bar--navigation .entry--img-right:first-child {

    padding-left: 15px!important; 
	padding-left:.9375rem!important;
}



.header-main .entry--info-left a{

    color: rgb(51, 47, 48);

}

.header-main .entry--info-left a:hover{

    color: rgb(247, 205, 71);

}

.startseite-slider{
padding-bottom: 0!important;
}

.icon-text-dark {
	background: rgb(51, 47, 48);
	padding-top: 0.625rem;
	text-align:center;
}

.icon-text-dark div {

	display: block;
	margin: 1rem 0;
}

.icon-text-dark img {
	width: 30px!important;
	display: inline-block!important;
	vertical-align: middle!important;

}

.icon-text-dark span {

	color: #fff!important;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	padding:0 10px;
}


.my-banner .emotion--individual-emotion-banner {

    box-shadow: 0px 0px 4px 0px rgba(91, 52, 69,0.75);

}


.my-banner .emotion--individual-emotion-banner-content ,.my-banner .emotion--individual-emotion-banner-content .text--container-1 .text--container-content-inner, .my-banner .emotion--individual-emotion-banner-content .text--container-1{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.my-banner .emotion--individual-emotion-banner-content::after {

    content: '';
    background:  rgba(51, 47, 48,0.8);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;

}

.my-banner:hover .emotion--individual-emotion-banner-content:after{
    opacity:1!important;

}

.my-banner:hover .emotion--individual-emotion-banner-content .text--container-1{
    top: 50%;
    bottom:auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background:transparent!important;
}




.my-banner:hover .emotion--individual-emotion-banner-content .text--container-1 .text--container-content-inner{

    background:transparent!important;
}



.emotion--category-teaser {

   width: 100%;
   height: 100%;
   box-shadow: 0px 0px 4px 0px rgba(91, 52, 69,0.75);

}

.emotion--category-teaser .category-teaser--title {

display: none;

}


.navigation-main ul li:last-child a:hover, .navigation-main ul li:last-child:hover a::after {
	color: rgb(255, 255, 255);

}

.content--breadcrumb {
    display: none;
}

.my-button .my-button-link:hover{
	margin: linear-gradient(to bottom, rgb(251, 203, 13) 0%, rgb(246, 198, 8) 100%);
}

.my-button .my-button-link{

    display: block;
	text-align: center;
	padding: 20px 0;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1rem;
	color: rgb(0, 0, 0);
	background-color: rgb(255, 216, 61);
	background-image: linear-gradient(to bottom, rgb(255, 216, 61) 0%, rgb(255, 204, 0) 100%);
	border-radius: 3px;
	transition: 0.5s;
}

.my-button .my-button-link:hover{
	background-image: linear-gradient(to bottom, rgb(251, 203, 13) 0%, rgb(246, 198, 8) 100%);
}


.my-list li {

    list-style-type: none;

}

.my-list li:before{
content: "\e60c";
width: 10px;
height: 10px;
margin-right: 5px;
font-family: "shopware";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: rgb(155, 207, 70);
}

.emotion--rating-slider .rating-slider--content .rating-slider--slider .product-slider--container {

    padding-top: 20px;

}

.emotion--rating-slider {

    background-image: url(/media/image/fc/9e/3b/bewertungen-bg.jpg);
    background-size: cover;

}

.rating-slider--item .rating-slider--rating {

    background: rgba(255, 255, 255, 0.9);
    padding: 15px 10px !important;
    border-radius: 5px;
    height: auto !important;
    position: relative;
    overflow: visible;
}
.rating-slider--item .rating-slider--rating:after {
   content: ''; 
   position: absolute; 
   bottom: 0; 
   left: 50%; 
   width: 0; 
   height: 0; 
   border: 22px solid transparent; 
   border-top-color: rgb(255, 255, 255, 0.9); 
   border-bottom: 0; 
   border-left: 0; 
   margin-left: -14.5px; 
   margin-bottom: -22px; }

}



.textelement-hintergrundfarbe-braun .panel{
 display: block;
 background-color:rgb(51, 47, 48);
 color: #ffffff;
}

.textelement-hintergrundfarbe-braun .panel.has--border{

    border: none;

}

.panel--title.is--underline {

    padding: 10px 0px 10px 0px;
}

.panel--body.is--wide {

    padding: 10px 20px 5px 20px;

}

.emotion--wrapper {

    max-width: 1260px;

}

.blog--detail .blog--detail-image-container {

    display: none;

}
.payments-panel {

	background: rgb(51, 47, 48);

}

.payments-panel ul li > a:hover {

    color: rgb(247, 205, 71);

}

@media screen and (max-width: 48em) {
.content--wrapper {
padding: 0 10px;
}

.header-main .logo-main {

    padding: 10px;

}

.header-main .logo-main .logo--shop {

    height: 45px;
	width: 100%;

}

.header-main .logo-main .logo--link {

    height: 45px;

}

.ProvenExpert_widget_container {display:none;}

.shop--navigation {

    margin-top: 10px!important;

}

.header-main .logo-main .logo--link {

    width: 100%;
	max-width:400px;
    height: auto!important;

}
}

.confirm--content .additional--features .feature--add-product {
    display: none!important;
}

.confirm--content .additional--features .feature--user-comment {
    width: 100%!important;
    margin: 0;
}

@media screen and (min-width: 64em) {


.shop--navigation .entry--search {

    margin-left: 9%;

}
.is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
    padding-left: 60px;
}


}



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


.logo--link:after {
	display: none!important;

}
.is--ctl-checkout.is--minimal-header .header-main .header--navigation, .is--ctl-register.is--minimal-header .header-main .header--navigation, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .header--navigation {
    padding: .625rem 0rem .625rem 0rem;
}
	
}

@media screen and (max-width: 78.75em) {


.content--wrapper {
padding: 0 10px;
}
.shop--navigation {

    padding-bottom: 10px;

}

.header-main .logo-main {

    padding: 10px;

}

.header-main .logo-main .logo--shop {

    height: 45px;
	width: 100%;

}

.header-main .logo-main .logo--link {

    height: 45px;

}


.startseite-slider{
padding-bottom: 0!important;
}

.mobile-icon-text-dark {
	background: rgb(51, 47, 48)!important;
	padding-top: 0.625rem!important;
	text-align:center!important;
}

.mobile-icon-text-dark div {

	display: block!important;
	margin: 1rem 0!important;
}

.icon-text-dark img {
	width: 30px!important;
	display: inline-block;
	vertical-align: middle!important;

}

.icon-text-dark span {

	color: #fff!important;
	font-size: 16px!important;
	font-weight: bold!important;
	vertical-align: middle!important;
	padding:0 10px!important;
}

.shop--navigation .entry--search {

    margin-left: 9%;

}

}