@font-face {
    font-family: 'Bell Gothic Black';
    src: url('fonts/BellGothic-Black.eot');
    src: url('fonts/BellGothic-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/BellGothic-Black.woff2') format('woff2'),
        url('fonts/BellGothic-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bell Gothic Light';
    src: url('fonts/BellGothic-Light.eot');
    src: url('fonts/BellGothic-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/BellGothic-Light.woff2') format('woff2'),
        url('fonts/BellGothic-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bell Gothic Bold';
    src: url('fonts/BellGothic-Bold.eot');
    src: url('fonts/BellGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BellGothic-Bold.woff2') format('woff2'),
        url('fonts/BellGothic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
a {
    color: #4d0f13;
}
a:hover {
    color: #891C21;
}
.pagination a {
	color: #212529 !important;
}
.pagination .result {
	text-align: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Bell Gothic Bold' !important;
    font-weight: bold;
}
ol, ul {
    padding-left: 0;
}
a {
    text-decoration: none;
}
label {
    font-weight: bold;
}
.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.footer-story {
    background-color: #4d0f13;
    padding: 10px;
}
@media only screen and (max-width: 600px) {
    .navbar-collapse {
        padding-left: 10px;
    }
    .hidden-xs {
        display: none !important;
    }
    .footer-story {
        margin-left: 5px;
        margin-right: 15px;
        margin-bottom: 10px;
    }
    .icon-header {
        margin-top: 10px;
    }
    #desktop_bullet {
	display: none !important;
    }
    #mobile_bullet {
text-align: center;
    }
}
@media only screen and (min-width: 600px) {
    .nav-custom {
        padding-top: 0 !important; padding-bottom: 0 !important; height: 100%; float: right;
    }
    .nav-item-left {
        border-left-style: solid;
        border-left-width: 2px;
        border-left-color: #fff;
    }
    .nav-item-right {
        border-right-style: solid;
        border-right-width: 2px;
        border-right-color: #fff;
    }
    #desktop_bullet {
	display: flex;
    }
    #mobile_bullet {
	display: none;
    }
    #desktop_bullet a {
	margin-left: 10px !important;
	margin-right: 10px;
    }
}  


.nav-link {
    color: #fff !important;
    text-decoration: none;
}

.nav-item-left:hover {
    background-color: #891c21;
}



.topnav a {
    color: #fff;
    text-decoration: none;
    text-align: right;
    padding: 20px;
}

.sonderaktion {
    color: #FFF; background-color: #4d0f13;
    text-align: center;
    vertical-align: middle;
    padding: 15px;
}
.referenzkunden {
    display: inline-block;
    color: #FFF; background-color: #4d0f13;
    text-align: center !important;
    vertical-align: middle;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 9px !important;
    padding-bottom: 10px !important;
}
.sonderaktion:hover, .referenzkunden:hover {
    background-color: #DADADA;
    color: #4d0f13 !important;
}


.btnAlleProdukte, .btn-bestellvorgang {
    color: #FFF !important;
    background-color: #4d0f13;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.btnAlleProdukte {
	margin-right: 5px;
}
.btnAlleProdukte:hover, .btn-bestellvorgang:hover {
    color: #4d0f13 !important;
    background-color: #DADADA;
}
.btn-bestellvorgang-sec {
    color: #4d0f13 !important;
    background-color: #DADADA;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
}
.topnav a:hover {
    color: #DADADA;
}

.topnav {
    padding: 5px;
}

.icon-header {
    width: 100%;
    display: inline-block;
}

.icon-header:hover {
    transform: scale(1.1);
    transition: transform .5s;
}
.schriftzug {
    background-image: url('/images/header/schriftzug stuhlpapst_outline_weiss.png');
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}

.drop-content {
    display: none;

}

.drop-body {
    padding: 10px;
    background-color: #891C21;
    color: #fff;
    position: absolute;
    z-index: 9999;
    margin-left: -12px;
}

header #cart .icon {
    background: url('./../images/cart.png');
    width: 25px;
    height: 20px;
    display: block;
    float: left;
    position: relative;
    top: 10px;
    margin-right: 8px;
    margin-left: 2px;
}


header #cart .cart-text {
    font: 18px/20px 'PT Sans Narrow';
    color: #4c4c4c;
}

header #cart .cart-count {
    font: 14px 'PT Sans Narrow';
    color: #ccc;
}

header #cart .cart-list {
    width: 100%;
    margin-top: -10px;
    font-size: 12px;
}

header #cart .cart-list a {
    color: #fff;
}

header #cart .cart-list a:hover {
    color: #fff;
}

header #cart .cart-list .image a,
header #cart .cart-list .image img {
    display: block;
}

header #cart .cart-list .image,
header #cart .cart-list .remove {
    padding-right: 10px;
}

header #cart .cart-list .name,
header #cart .cart-list .quantity,
header #cart .cart-list .total {
    padding-right: 20px;
}

header #cart .cart-list .remove div,
.content .remove div {
    width: 15px;
    height: 15px;
    background: url('./../images/delete_hover.png');
    cursor: pointer;
    margin: 0 auto;
}

header #cart .cart-list .remove div:hover,
.content .remove div:hover {
    /* delete2 */
    background: url('./../images/delete_hover.png');
}

header #cart .cart-list td {
    color: #fff !important;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #f2f2f2;
}

header #cart .cart-end {
    margin: 10px 0px;
    width: 100%;
    font-size: 12px;
}

header #cart .cart-end th {
    text-align: left;
    color: #fff;
}

header #cart .cart-end td {
    text-align: right;
    color: #fff;
}
header #cart .cart-end td span {
    color: #fff;
}

header #cart .cart-buttons {
    text-align: right;
    color: #891C21;
}

header #cart .cart-buttons a {
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    color: #000;
    background-color: #dadad9;
    border-radius: 0 !important;
    text-transform: uppercase;
    margin-bottom: 3px;
}

header #cart .cart-buttons .button {
    float: right;
    margin-left: 10px;
    margin-top: 5px;
}


#results_block {
    position: absolute;
    border: 1px solid #bcbcbc;
    background: #fff;
    display: none;
    position: absolute;
    z-index: 9999;
    width: 300px;
}

#results_block>div {
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
}

#results_block .image {
    display: block;
    float: left;
    height: 45px;
    width: 65px;
    margin-right: 10px;
    border: 1px solid #e2e2e2;
}

#results_block .image img {
    max-width: 100%;
    max-height: 100%;
}

#results_block .name {
    text-align: left;
}

#results_block .name a {
    font-size: 12px;
    color: #4c4c4c;
    top: 15px;
    position: relative;
}

#results_block .name a:hover {
    color: #4895d2;
}

#results_block p.result {
    padding: 15px 10px 5px;
}

#results_block p a {
    float: left;
    font-size: 15px;
    font-weight: bold;
}

#results_block p span {
    color: #b2b2b2;
    float: right;
    font-size: 12px;
    padding-top: 1px;
}
.sharebtn-mobile {
    display: none;
}

@media (min-width: 992px){
    .col-lg-2-5 {
        width: 20% !important;
    }
}

.card a {
    color:#4d0f13;
    text-decoration: none;
}
.kategorie-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-kategorie {
    display: inline-block;
    height: 120%;
    margin-top: 54px;
}
.title-kategorie h2 {
    text-transform: uppercase;
}

.image-kategorie {
    flex-grow: 1;
    text-align: right;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #891C21;
    padding-bottom: 5px;
}

.image-kategorie img {
    height: 65px;
}
.btn-produkt-eigenschaft {
    font-size: 10px;
    color: #898B8E;
    background-color: #dadad9;
    border-radius: 0 !important;
    text-transform: uppercase;
    margin-bottom: 3px;
    width: 100%;
}
.produkt-preis {
    color: green;
    font-size: 16px;
}
.produkt-preis-zzg {
    font-size: 10px;
    float:right;
}
.produkt-preis-strike {
    text-decoration: line-through;
    white-space: nowrap;
}
.produkt-preis-reduziert {
    font-size: 12px;
    color: #891C21;
}
footer a,  footer a:hover{
    text-decoration: none;
    color: #fff;
}
footer ul {
    padding-left: 0 !important;
    list-style: none;
}
footer .copyright {
    padding: 20px;
    background-color: #4d0f13;
}
footer {
    margin-top: 20px;
    padding-top: 20px;
    background-color: #891C21;
    color: #fff;
}

/*LAYOUT*/

/*#content {
    padding: 0px 10px;
    overflow: hidden;
}
#content-right {
    width: 240px;
    float: right;
}
#content-left {
    width: 240px;
    float: left;
}
#content-left + #content-right + #content-center, #content-left + #content-center {margin-left: 240px;}
#content-right + #content-center {margin-right: 240px;}

.column4 {
    margin: 0px 10px;
    float: left;
    width: 220px;
}
.fluid50 {
    width: 50%;
    float: left;
    margin-bottom: 40px;
}
.fluid33 {
    width: 33%;
    float: left;
    margin-bottom: 20px;
}
.content {padding: 0px 10px;position: relative;}
section {margin: 0px 0px 40px 0px;}
.standart {margin: 0px 10px 40px 10px;}

*/
#menu-widget-browse-by-state {
    list-style: none;
}
.widget {
    background: #f5f5f5;
    border-bottom: 1px solid #c3c3c3;
    border-radius: 3px;
    padding: 20px 20px 19px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 2px 0 #e6e6e6;
    -moz-box-shadow: 0 2px 0 #e6e6e6;
    box-shadow: 0 2px 0 #e6e6e6;
}

.widget:last-child {
    margin-bottom: 15;
}

.widget-title {
    border-bottom: 2px solid #e6e6e6;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;
}

.listing.grid-view {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}

.grid-view .listing-title {
    font-size: 15px;
    line-height: 20px;
    margin: 0 -20px;
}


.widget {
    font-size: 13px;
}

.widget-listing-thumbnail,
.widget-listing-thumbnail img {
    border-radius: 120px;
    display: block;
}

.widget-listing-thumbnail-container {
    border: 4px solid #ffffff;
    border-radius: 120px;
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto 16px;
}

.widget-listing-slider-container {
    
}

.widget .listing {
    margin-bottom: 20px;
}

.widget .grid-view .listing-title,
.widget .grid-view .listing-location,
.widget .grid-view .listing-price {
    margin-left: 0;
    margin-right: 0;
}

.widget .grid-view .listing-price {
    font-size: 18px;
}

.widget .menu li {
    margin: 0 -20px;
}

.widget .menu li a {
    color: inherit;
    display: block;
    font-weight: bold;
    padding: 3px 20px;
}

.widget .menu li.current_page_item a,
.widget .menu li a:hover {
    background: #ffffff;
    border-radius: 3px;
    color: #4c4c4c;
    text-decoration: none;
}

/*
------------ BREADCRUMB ------------
*/

.breadcrumb {
    margin-bottom: 40px;
    font-size: 11px;
}
.breadcrumb .center {padding: 0px 20px 10px 20px;}
.breadcrumb h1 {
    font-size: 24px;
    line-height: normal;
    color: #891C21;
    margin-bottom: 2px;
}
.breadcrumb span {
    color: #ccc;
    padding: 0px 12px;
}


/*
------------ PRODUCT INFO ------------
*/

.product-info {margin: 0px 20px;}
.product-info .left {float: left; margin-bottom: 30px;}
.product-info .right {margin-left: 350px; margin-bottom: 30px;}
.product-info .image {
    display: block;
    margin-bottom: 10px;
}
.product-info .image img {display: block;}
.product-info .image-additional {width: 255px; margin-right: -15px;}
.product-info .image-additional a {
    display: block;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 10px;
}
.product-info .image-additional a img {display: block;}
.product-info .description {
    border-top: 1px solid #f2f2f2;
    padding: 15px 10px;
    overflow: hidden;

}

@media only screen and (max-width: 1020px) {
.product-info {margin: 0px 20px;}
		.product-info .left {
			float: none;
			margin-bottom: 10px;
			overflow: hidden;
			text-align: center;
		}
		.product-info .right {margin: 0 0 30px 0 !important;}
		.product-info .image {
			display: inline-block;
		}
		.product-info .image-additional {
			width: auto;
			text-align: center;
			margin-right: 0px;
		}
		.product-info .image-additional a {
			display: inline-block;
			float: none;
			margin: 0px 8px 10px 8px;
		}
		.product-info .price-default, .product-info .price-new {
			font-size: 22px !important;
		}
}

.product-info .description ul {
    float: left;
    line-height: 22px;
}
.product-info .price {
    float: right;
    text-align: right;
}
.product-info .price-default {
    font: 26px 'PT Sans Narrow';
    color: #66ccff;
}
.product-info .price-new {
    font:  30px 'Bell Gothic Bold';
    color: #e51739;
}
.product-info .price_brutto{

    font: 14px 'Bell Gothic Bold';
    color: #9c3f3f;

}

.product-info .price-old {
    font: 16px 'PT Sans Narrow';
    text-decoration: line-through;
    color: #ccc;
}
.product-info .price-add {color: #ccc;}
.product-info .cart {
    border-top: 1px solid #f2f2f2;
    padding: 15px 10px;
}
.product-info .cart input {
    display: inline-block;
    height: 16px;
    width: 40px;
    padding: 6px 6px;
    margin: 0px 12px 0px 8px;
    text-align: center;
}
.product-info .cart .button {
    position: relative;
    top: -1px;
    margin-bottom: -1px;
    font-weight: bold;
    margin-right: 10px;
}
.product-info .button-icon {
    margin-right: 15px;
    display: inline-block;
    line-height: 25px;
}
.product-info .button-icon .icon {
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    background-color: #ccc;
    background-image: url('./../images/icon-button.png');
}
.product-info .button-icon:hover .icon {background-color: #f2498f;}
.product-info .button-icon .icon-wish {}
.product-info .button-icon .icon-compare {background-position: -25px 0px;}
.product-info .options {
    border-top: 1px solid #f2f2f2;
    padding: 10px 10px;
}
.product-info .options h2 {
    font-size: 18px;
    margin-bottom: 25px;
}
.product-info .option {padding: 10px 0;position: relative;}
.product-info .option label {
    display: inline-block;
    min-width: 100px;
    font-weight: bold;
}
.product-info .option select {min-width: 180px;max-width: 180px;padding: 0px;z-index: 999;}
.product-info .review {
    border-top: 1px solid #f2f2f2;
    padding: 15px 10px;
    overflow: hidden;
}
.product-info .review .rating {
    display: block;
    float: left;
    margin-right: 10px;
}
.product-info .review .share {
    display: block;
    float: right;
    margin-left: 10px;
}
.product-info .review-count {
    padding-right: 10px;
    border-right: 1px solid #ccc;
    margin-right: 10px;
}
input[type="text"].input_var{
    position: absolute;
    min-width: auto;
    width:151px;
    left: 103px;
    top: 10px;
    border-right: none!important;
    z-index: 9;
}
input[type="text"].input_var:focus,select:focus{
    outline: none;
}

/*
	------------ SUB MENU NAVIGATION ------------
	*/

	.up-arrow {
		display:none;
		position: fixed;
		background: #891C21 url('./../images/gradient.png') left top;
		border-radius: 5px;
	}

	.up-arrow a {
		padding: 10px;
		display: block;
	}

	.sub-menu-nav {
		background: #891C21 url('./../images/gradient.png') left top;
		border-radius: 5px;
		/*padding: 3px 0;*/
		margin-bottom: 10px;
	}

	.sub-menu-nav li {
		display: inline-block;
		/*background: rgb( 72, 149, 210 );*/
		line-height: 36px;
		font-size: 15px;
		border-radius: 2px;
		margin: 2px;
	}

	.sub-menu-nav li:hover {
		background-color: rgb( 77,77,77 );
		-webkit-transition: background-color 500ms linear;
		-moz-transition: background-color 500ms linear;
		-o-transition: background-color 500ms linear;
		-ms-transition: background-color 500ms linear;
		transition: background-color 500ms linear;
	}

	.sub-menu-nav li a {
		color: #fff;
		display: block;
		padding: 0 12px;
        text-decoration: none;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.window_cart .button {
    padding: 5px;
    text-decoration: none;
}
.product-info .description a {
    text-decoration: none;
    color: #000;
}
.image-kategorie {
    padding-left: 10px;
}
.image-kategorie a {
	margin-top: 45px;
    
}
.image-kategorie a, .image-kategorie {
	text-decoration: none;
	color: #212529;
	font-size: 12px;
}

/*Warenkorb*/

#cart .drop-body p {
    font-size: 13px;
    padding: 11px 10px 9px;
}

.cart .table .hide-phone td:first-child {
    width: 100px;
    padding: 0 10px 0 0;
}

.cart .ta-center.hide-phone img {
    border: 1px solid #d9d9d9;
    padding: 10px;
    width: 100px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.cart .hide-phone img {
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    width: 80px;
}

.empty_cart {
    border: 4px solid rgb(242, 242, 242);
    font-size: 18px;
    line-height: 29px;
    margin-top: 14px;
    padding: 30px 18px 10px;
}

.empty_cart .float-left {
    display: inline-block;
    width: 70%;
}

.empty_cart .float-left p {
    margin-bottom: 35px;
}

.empty_cart .float-right {
    display: inline-block;
    width: 25%;
    float: right;
}

.empty_cart .float-right img {
    width: 100%;
}
/*
------------ TABLE ------------
*/
.ta-left {text-align: left !important;}
	.ta-right {text-align: right !important;}
	.ta-center {text-align: center !important;}
    
.table {margin-bottom: 20px; border-bottom: 1px solid #d4d7d9;}
.table td,
.table th {padding: 10px 16px;font-size: 12px;}
.cart .table {margin-bottom: 5px;}
.cart .table td,
.cart .table th {padding:19px 5px;}
.table th {text-align: right;}
.table thead td,
.table thead th {
    background-color: #edf0f2;
    text-align: center;
    border-bottom: 1px solid #d4d7d9;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
}
.table tbody td,
.table tbody th {border-bottom: 1px solid #d4d7d9;}
.table tfoot td,
.table tfoot th {border-top: 1px solid #d4d7d9;}

.cart .table tbody tr.bottom,
.cart .table tbody th {border-bottom: 1px solid #d4d7d9;}
.cart .table tfoot td,.cart .table tfoot th,.cart .table tbody td {border-top:none;border-bottom: none;}
.cart .table tfoot {background: #f5f5f5;line-height: 26px;}
.cart .table tfoot td{background: #f5f5f5;padding:0 40px;}
.cart .table tfoot td.button_info{padding-bottom: 30px;padding-top: 10px;}
.cart .table tfoot td.price_info{padding-top: 25px;}
.cart .table .total b {color: #7590a5;}
/*MODAL - TEILEN*/
@media only screen and (max-width: 600px) {
    .sharebtn {
        display: none;
    }

    .sharebtn-mobile {
        display: block;
    }

    .modal-inner {
        width: 250px !important;
    }
}

.modal img {
    width: 64px;
}

.modal-inner {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 15px;
    margin: auto;
    background: #fff;
    width: 500px;
    padding: 20px;
}

.modal {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.4rem;
    left: 0;
    /*width: 500px;*/
    padding: 1.3rem;
    position: fixed;
    margin-left: 0 !important;
    top: 20%;
}

.modal .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal input {
    padding: 0.7rem 1rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 0.9em;
}

.btn-close {
    background-color: gray;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    z-index: 100;
}

.modal {
    z-index: 200;
}

.hidden {
    display: none;
}
.cart-wrap:hover {
    cursor: pointer;
}
.mt-10 {
margin-top: 10px;
}
.label-weight-norm {
font-weight: normal;
}

div.box {
    margin: 0;
    padding: 9px 10px 9px 0px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    color: #555;
    text-shadow: none;
}
.box.fehler {
    border-color: #eed3d7;
    background: #f2dede url(../bilder/design/meldungen/meldung_fehler.png) no-repeat 20px 45%;
}
.box.info {
    border-color: #bce8f1;
    background: #d9edf7 url(../bilder/design/meldungen/meldung_info.png) no-repeat 20px 45%;
    padding: 9px 25px 9px 60px;
}