body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@media screen{
#iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)}
}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
/* schildermafia

weinrot		8d3e3c



 */
 
 /* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/files/schildermafia/layout/fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('/files/schildermafia/layout/fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/schildermafia/layout/fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/schildermafia/layout/fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/schildermafia/layout/fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/schildermafia/layout/fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/files/schildermafia/layout/fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('/files/schildermafia/layout/fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/schildermafia/layout/fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/schildermafia/layout/fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/schildermafia/layout/fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/schildermafia/layout/fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
}

body {
	font-family: 'Roboto Condensed';
	font-weight: 400;
	font-size: 1.1em;
	color: #333;
	text-align: center;
	background: url(../../files/schildermafia/layout/schildermafia-hg.jpg) center center repeat fixed;
}

#wrapper {
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin: 20px auto;
	text-align: left;
	background: #fff;
	border-radius: 10px;
	box-shadow: 5px 5px 10px #333,
               -5px 5px 10px #333,
                5px -5px 10px #333,
               -5px -5px 10px #333;
}

#header {
	max-width: 1200px;
	width: 100%;
	position: relative;
}

#header #logo {
	width: 160px;
	padding: 20px 20px 10px 20px;
	float: left;
}

@media (max-width: 850px) {
    #header #logo {width: 100px;}
}

#header .banner {
}

#header a {
	color: #8d3e3c;
	text-decoration: underline;
}


/*============  LOGIN  ===============
#header .mod_login {
	width: 30%;
	float: left;
	margin: 20px 0 0 40px;
	font-size: 0.8em;
}


#header .mod_login h3 {
	display: none;
}

#header .mod_login label {
	display: none;
}

#header form input.text,
#header form textarea,
#header form select {
	border: 1px solid #000;
	padding: 3px;
	width: 150px;
}

#header .submit_container {
	margin-top: 10px;
	float: left;
}

#header .mod_login .vergessen {
	margin-top: 18px;
	float: right;
}

#header form input.submit {
	padding: 4px 10px;
	background-color: #8d3e3c;
	color: #fff;
}

#header form input.submit:hover {
	cursor: pointer;
	background-color: #6c3f3d;
}

@media (max-width: 767px) {
    #header .mod_login {display: none;}
}



/*============  SERVICE NAVIGATION  =============

#header .mod_navigation.servicenav {
	height: 70px;
	width: 435px;
	font-size: 0.8em;
	float: right;
}

#header .mod_navigation.servicenav ul {
	list-style-type: none;
	margin-top: 25px;
}

#header .mod_navigation.servicenav ul li {
	float: left;
	padding: 0 20px 0 0;
}

#header .mod_navigation.servicenav ul li a {
	color: #8d3e3c;
	text-decoration: none;
}

@media (max-width: 850px) {
    #header .mod_navigation.servicenav {display: none;}
}

/*=============  MINIWARENKORB  =============*/
#header .mod_iso_cart {
	width: 140px;
	height: 70px;
	float: right;
	border-left: 1px solid #333;
	margin: 20px 20px 0 0;
	padding: 5px;
	font-size: 0.8em;
}

#header .mod_iso_cart h1 {
	font-size: 1em;
	font-weight: 900;
	margin-bottom: 10px;
}

#header .mod_iso_cart .product {
	float: left;
	margin-bottom: 10px;
}

#header .mod_iso_cart .subtotal {
	float: right;
}

#header .mod_iso_cart .checkout {
	clear: both;
}

@media (max-width: 550px) {
	#header .mod_iso_cart  {width: 100px; height: auto;}
    #header .mod_iso_cart .subtotal {float: none;}
	#header .mod_iso_cart .product {float: none;}
}

/*================  SUCHE  ==============*/
#header .mod_iso_productfilter {
	float: right;
	width: 385px;
	margin: 20px 0;
	font-size: 0.8em;
}

#header .mod_iso_productfilter a,
#header .mod_iso_productfilter label {
	display: none;
}

#header form input.text{
	border: 1px solid #000;
	padding: 3px;
	width: 250px;
}

#header .submit_container {
	margin-top: 10px;
}

#header form input.submit {
	padding: 4px 10px;
	background-color: #8d3e3c;
	color: #fff;
}

#header form input.submit:hover {
	cursor: pointer;
	background-color: #6c3f3d;
}

/*@media (max-width: 991px) {
    #header .mod_iso_productfilter {display: none;}
}
/*==============  FUNDGESCHICHTEN  ==============*/
#header .fundgeschichten {
	margin: 43px 60px 0 0;
	float: right;
	width: 200px;
	height: 31px;
	background: url(../../files/schildermafia/layout/fundgeschichten.png);
}

#header .fundgeschichten:hover {
	width: 200px;
	height: 31px;
	background: url(../../files/schildermafia/layout/fundgeschichten_hover.png);
}

@media (max-width: 991px) {
    #header .fundgeschichten {display: none;}
}

/*============  KATEGORIE NAVIGATION  =============*/

#header .mod_customnav.kategorienav {
	height: 60px;
	float: right;
	clear: right;
	background-color: #333;
	color: #fff;
	font-size: 1.1em;
	margin-top: 20px;
}

#header .mod_customnav.kategorienav ul {
	list-style-type: none;
}

@media (max-width: 1240px) {
    #header .mod_customnav.kategorienav {float: none; clear: both; display: block; width: 100%; text-align: center;}
	#header .mod_customnav.kategorienav ul {margin: 0 auto; max-width: 1000px;}
}

#header .mod_customnav.kategorienav ul li {
	float: left;
	border-left: 1px solid #111;
	border-right: 1px solid #555;
	text-align: center;
}

#header .mod_customnav.kategorienav ul li.first {
	border-left: none;
}

#header .mod_customnav.kategorienav ul li.last {
	border-right: none;
}

#header .mod_customnav.kategorienav ul li a {
	max-width: 120px;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 50px;
	padding: 5px 5px;
	font-weight: 100;
}

#header .mod_customnav.kategorienav ul li.small a {
	max-width: 105px;
	height: 50px;
	padding: 5px 5px;
}

#header .mod_customnav.kategorienav ul li.middle a {
	max-width: 155px;
	height: 50px;
	padding: 5px 5px;
}

#header .mod_customnav.kategorienav ul li.large a {
	max-width: 175px;
	height: 50px;
	padding: 5px 5px;
}

#header .mod_customnav.kategorienav ul li:hover,
#header .mod_customnav.kategorienav ul li.active {
	background-color: #8d3e3c;
}

@media (max-width: 991px) {
    #header .mod_customnav.kategorienav {display: none;}
}


/*=================  MOBILE MENUE  ===============*/
.mod_mobile_menu {
	clear: both;
	margin-bottom: 20px;
}

.mobile_menu_trigger  {
	width: 100%;
	min-width: 40px;
	float: none;
	background-color: #333;
	padding: 3px 0;
}

.mobile_menu_trigger .button {
	margin: 10px 0 0 15px;
}

.mobile_menu {
    position: absolute;
    z-index: 100;
    display: none;
}

.mobile_menu .inner {
    background: #333;
	text-align: left;
	height: 100%;
}

.mobile_menu .inner ul {
   list-style-type: none;
}

.mobile_menu .inner ul li {
	display: block;
}

.mobile_menu .inner a {
    color: #fff;
	font-size: 1.3em;
	padding: 10px 20px;
	width: 100%;
	display: block;
	border-bottom: 1px solid #fff;
}

.mobile_menu .inner a.active,
.mobile_menu .inner a.trail {
	background-color: #8d3e3c;
	color: #fff;
}

.mobile_menu .servicenav {
	margin-top: 50px;
}

.mobile_menu .servicenav ul li.first {
	display: none;
}

.mobile_menu .mod_iso_productfilter {
	margin-top: 50px;
	padding-left: 20px;
}

.mobile_menu .mod_iso_productfilter a,
.mobile_menu .mod_iso_productfilter label {
	display: none;
}

.mobile_menu form input.text {
	padding: 3px;
	width: 250px;
}

.mobile_menu form input.submit {
	padding: 5px 20px;
	background-color: #8d3e3c;
	color: #fff;
	display: block;
	margin-top: 10px;
}

/*==============  SLIDER  =================*/
#header .rsts-slide .ce_text {
	width: 300px;
	height: 500px;
	padding: 40px 20px 20px 20px;
	position: absolute;
	top: 0;
	left: 900px;
	bottom: 0px;
	background: #000;
	background: rgba(0,0,0,0.4);
	color: #fff;
}

#header .rsts-slide .ce_text p {
	margin-bottom: 20px;
	font-size: 1.1em;
}

@media (max-width: 1240px) {
    #header .rsts-slide .ce_text {display: none;}
}

/*===============  MAIN  ===================*/
#main {
	width: 100%;
	height: auto;
	min-height: 500px;
}

#main .inside {
	max-width: 1160px;
	width: 95%;
	margin: 0 auto;
	text-align: left;
	padding: 20px;
}

#main p {
	margin-bottom: 20px;
}

#main p.error {
	color: #8d3e3c;
	border: 1px solid #8d3e3c;
	padding: 3px 5px;
	text-align: center;
	background-color: #f1e5e5;
}

#main span.information {
	color: #999;
}

#main a {
	color: #8d3e3c;
	text-decoration: underline;
}

#main h1 {
	font-size: 1.3em;
	margin-bottom: 20px;
	color: #8d3e3c;
}

#main h2 {
	margin-bottom: 20px;
	font-size: 1.2em;
}

#main h3 {
	font-size: 1em;
	font-weight: 900;
	margin-bottom: 10px;
}

#main hr {
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#main ul,
#main ol {
	margin: 0 0 20px 40px;
}

#main table {
	width: 100%;
	border-spacing: 0;
}

#main table tr td {
	padding: 3px;
	vertical-align: top;
}

#main form .widget {
	margin-bottom: 10px;
}

#main form .widget label {
	display: inline-block;
	min-width: 120px;
}

#main form input.text,
#main form input.captcha,
#main form textarea,
#main form select {
	border: 1px solid #000;
	padding: 3px;
	width: 300px;
}

#main form input.captcha {
	width: 50px;
}

#main form .radio_container {
	margin-bottom: 20px;
}

#main form .radio_container span {
	display: block;
}

#main .submit_container {
	margin-top: 10px;
}

#main form input.submit {
	padding: 4px 10px;
	background-color: #8d3e3c;
	color: #fff;
}

#main form input.submit:hover {
	cursor: pointer;
	background-color: #6c3f3d;
}

#main .ce_gallery ul {
	margin-left: 0;
}

#main .ce_gallery ul li.row_last {
	margin-right: 0;
}

/*  STORER STARTSEITE ANKAUF  */
#main #stoerer_ankauf {
	background-color: #c6706b;
	text-align: center;
	color: #fff;
	padding: 20px;
	width: 70%;
	margin-bottom: 30px;
	font-size: 1.1em;
}

#main #stoerer_ankauf h3 {
	margin-bottom: 20px;
}

#main #stoerer_ankauf a {
	margin: 0 auto;
	border: 2px solid #fff;
	padding: 5px 10px;
	margin-right: 20px;
	color: #fff;
	text-decoration: none;
}

#main #stoerer_ankauf a:hover {
	border: 2px solid #8d3e3c;
	color: #8d3e3c;
}


/*==============  SUCHE  ===========*/
#main .mod_iso_productfilter {
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#main .mod_iso_productfilter a.clear_filters{
	display: none;
}


/*================  PRODUKTLISTE  ============*/
#main .product_list {
	display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
#main .product_list .product {
	width: 260px;
	height: auto;
	float: left;
	padding-top: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	border-top: 1px solid #333;
	display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  position: relative;
}

#main .product_list .product:nth-child(4n) {
	margin-right: 0;
}

#main .product_list .product.col_first {
	clear: left;
}

#main .mod_iso_productlist .product:nth-child(1),
#main .mod_iso_productlist .product:nth-child(2),
#main .mod_iso_productlist .product:nth-child(3),
#main .mod_iso_productlist .product:nth-child(4){
	border-top: none;
}


@media (max-width: 991px) {
    #main .product_list .product.col_first {float: left; clear: none;}
	#main .product_list .product:nth-child(4n) { margin-right: 20px;}
}

#main .product_list .product .image_container {
	float: left;
	width: 100%;
	margin: 0 10px 10px 0;
	height: 370px;
	background-color: #000;
	position: relative;
}

#main .product_list .product .image_container img {
	max-height: 370px;
	position: absolute;
	top: 50%;
    transform: translate(0, -50%);
}

#main .product_list .product .iso_gallery {
	height: 50px;
	clear: both;
}

#main .product_list .product .iso_gallery .image_container {
	height: auto;
	background-color: #fff;
	float: left;
	margin-right: 10px;
	width: 50px;
}

#main .product_list .product .iso_gallery .image_container img {
	position: relative;
	top: 0;
	transform: translate(0,0);
}

#main .product_list .product h3 {
	clear: both;
}

#main .product_list .product .category {
	display: none;
}

#main #angebote .product_list .product .category {
	display: block;
	margin-bottom: 20px;
	font-style: italic;
}


#main .product_list .product .description {
	margin-bottom: 100px;
}

#main .product_list .product .price {
	position: absolute;
	bottom: 0;
	margin-bottom: 60px;
	font-weight: 600;
}

#main .product_list .product .lieferzeit {
	position: absolute;
	bottom: 0;
	margin-bottom: 40px;
	font-size: 0.85em;
}


#main .product_list .product .submit_container {
	position: absolute;
	bottom: 0;
	margin-top: 20px;
}

/* button ausblenden bei ausverkauft
#main .startseite.buecher .product_list .product_first .price,
#main .startseite.buecher .product_list .product_first .submit_container {
	display: none;
}
 */

/*  SUCHERGENBIS  */
#main #suche .product_list .product .category {
	display: block;
	margin-bottom: 20px;
	font-style: italic;
} 

/*=============  WARENKORB  ===============*/
#main .mod_iso_cart table {
	margin-bottom: 30px;
	width: 100%;
}

#main .mod_iso_cart table tr.product td { 
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}

#main .mod_iso_cart tr.product td.image {
	width: 130px;
}

#main .mod_iso_cart .image_container img {
	width: 100px;
	height: auto;
}

#main .mod_iso_cart table tr.product td.price span.mwst { 
	font-size: 0.7em;
}

#main .mod_iso_cart table tr.product td.name div.description { 
	font-size: 0.7em;
	margin-top: 20px;
	width: 80%;
}

#main .mod_iso_cart table th.quantity,
#main .mod_iso_cart table td.quantity,
#main .mod_iso_cart table th.price,
#main .mod_iso_cart table td.price,
#main .mod_iso_cart table td.actions { 
	text-align: right;
}

#main .mod_iso_cart table tr.product td.actions {
	padding-left: 20px;
}

#main .mod_iso_cart table tr.foot_last td { 
	font-weight: bold;
}

#main .mod_iso_cart .submit_container .button_update { 
	float: left;
}

#main .mod_iso_cart .submit_container .button_checkout { 
	float: right;
}

@media (max-width: 700px) {
		#main .mod_iso_cart table,
		#main .mod_iso_cart table thead,
		#main .mod_iso_cart table tbody,
		#main .mod_iso_cart table th,
		#main .mod_iso_cart table  tbody tr,
		#main .mod_iso_cart table  tbody tr td { 
			display: block;}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		#main .mod_iso_cart table thead {position: absolute; top: -9999px;	left: -9999px;}
		
		#main .mod_iso_cart table tr { border-bottom: 1px solid #ccc; margin-bottom: 20px;}
		#main .mod_iso_cart table tbody tr.product td { 
			/* Behave  like a "row" */
			border: none;
			position: relative;
		}
		
		#main .mod_iso_cart table tr.product td:before {content: attr(data-title); display: inline-block; width: 35%; padding-right: 10px;}		
		#main .mod_iso_cart table tr.product td.name:before {width: 0%;}
		
		#main .mod_iso_cart table tbody td.price,
		#main .mod_iso_cart table tbody td.quantity,
		#main .mod_iso_cart table td.actions {text-align: left;}	
		
		#main .mod_iso_cart .submit_container .button_update {float: none; margin: 30px 0 0 0;}
		#main .mod_iso_cart .submit_container .button_checkout {float: none; margin: 30px 0 0 0;}
}
/*==================  KASSE  ==================*/
/* STEPS */
#main .mod_iso_checkout .steps {
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
}

#main .mod_iso_checkout .steps ol {
	margin-left: 0;
}

#main .mod_iso_checkout .steps ol li {
	float: left;
	margin: 0 30px;
}

#main .mod_iso_checkout .steps ol li.active {
	font-weight: 900;
}

@media (max-width: 500px) {
	#main .mod_iso_checkout .steps ol li {	float: none; margin: 0 0 0 30px; }
}


#main .mod_iso_checkout .billingaddress,
#main .mod_iso_checkout .shippingaddress {
	float: left;
	margin-right: 30px;
	width: 45%;
	margin-bottom: 30px;
}

#main .mod_iso_checkout .address.last {
	margin-right: 0;
}

@media (max-width: 991px) {
    #main .mod_iso_checkout .billingaddress {float: none; clear: both; width: 100%;}
	#main .mod_iso_checkout .shippingaddress {float: none; clear: both; width: 100%;}
}

@media (max-width: 500px) {
	#main .mod_iso_checkout table,
	#main .mod_iso_checkout table thead,
	#main .mod_iso_checkout table tbody,
	#main .mod_iso_checkout table th,
	#main .mod_iso_checkout table  tbody tr,
	#main .mod_iso_checkout table  tbody tr td { 
		display: block;}
		
	#main .mod_iso_checkout table  tbody tr { margin-bottom: 20px;}
	
	#main .mod_iso_checkout .radio_container span {padding-bottom: 20px;}
}

#main .mod_iso_checkout .widget label span {
	display: inline;
}


#main .mod_iso_checkout p.error {
	display: none;
}

#main .mod_iso_checkout label.error {
	color: #8d3e3c;
}

#main .mod_iso_checkout .checkbox_container.error p {
	color: #8d3e3c;
	display: block;
	border: 1px solid #8d3e3c;
	padding: 3px 5px;
}

#main .mod_iso_checkout .checkbox_container.error label {
	color: #8d3e3c;
}

#main .mod_iso_checkout input.error {
	border: 1px solid #8d3e3c;
	background-color: #f1e5e5;
}


/* Bestellübersicht */
#main .mod_iso_checkout .orderinfo .info_container {
	border-top: 1px solid #ccc;
	padding: 20px 0 ;
}

#main .mod_iso_checkout .orderinfo .shipping_method .edit,
#main .mod_iso_checkout .orderinfo .payment_method .edit{
	display: none;
}

#main .mod_iso_checkout .orderproducts table {
	margin: 30px 0;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

#main .mod_iso_checkout .orderproducts tr.product td.image {
	width: 130px;
}

#main .mod_iso_checkout .orderproducts .image_container img {
	width: 100px;
	height: auto;
}

#main .mod_iso_checkout .orderproducts table tr.product td.price span.mwst { 
	font-size: 0.7em;
}

#main .mod_iso_checkout .orderproducts table th.price,
#main .mod_iso_checkout .orderproducts table td.price,
#main .mod_iso_checkout .orderproducts table td.actions { 
	text-align: right;
}

#main .mod_iso_checkout .orderproducts table tr.product td { 
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}

#main .mod_iso_checkout .orderproducts table tr.foot_last td { 
	font-weight: bold;
}

#main .mod_iso_checkout .orderconditions textarea { 
	width: 90%;
}

@media (max-width: 500px) {
	#main .mod_iso_checkout  table,
	#main .mod_iso_checkout  table thead,
	#main .mod_iso_checkout  table tbody,
	#main .mod_iso_checkout  table th,
	#main .mod_iso_checkout  table  tbody tr,
	#main .mod_iso_checkout  table  tbody tr td { 
		display: block;}
		
	/* Hide table headers (but not display: none;, for accessibility) */
		#main .mod_iso_checkout table thead {position: absolute; top: -9999px;	left: -9999px;}
		
		#main .mod_iso_checkout .orderproducts table tr { border-bottom: 1px solid #ccc; margin-bottom: 20px;}
		#main .mod_iso_checkout .orderproducts table tbody tr.product td { 
			/* Behave  like a "row" */
			border: none;
			position: relative;
		}
		
		#main .mod_iso_checkout table tr.product td:before {content: attr(data-title); display: inline-block; width: 35%; padding-right: 10px;}		
		#main .mod_iso_checkout table tr.product td.name:before {width: 0%;}
		
		#main .mod_iso_checkout .orderproducts table tbody td.price,
		#main .mod_iso_checkout .orderproducts table td.actions {text-align: left;}	
}


#main .mod_iso_checkout .submit_container {
	clear: both;
	border-top: 1px solid #333;
	padding-top: 20px;
	margin: 30px 0;
}

#main .mod_iso_checkout .submit_container .previous {
	float: left;
}

#main .mod_iso_checkout .submit_container .next,
#main .mod_iso_checkout .submit_container .confirm {
	float: right;
}

/*==============  SONSTIGES  ==============*/
#main .mod_iso_productlist.blechschilder h1 {
	display: none;
}

.clear {
	clear: both;
}

/*  BILDUNTERSCHRIFT  */
figure { display: table; }
figcaption { display: table-caption; caption-side: bottom ; }

.image_container .caption {
	font-size: 0.8em;
	font-style: italic;
}
/*================  FOOTER  ==============*/
#footer {
	max-width: 1160px;
	height: auto;
	min-height: 300px;
	background-color: #333;
	padding: 20px;
	color: #fff; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #8d3e3c;
}

#footer .servicenav,
#footer .kategorienav {
	width: 25%;
	float: left;
}

@media (max-width: 700px) {
    #footer .servicenav {width: 100%; float: none; display: block;}
}

#footer ul {
	margin: 0 0 0 0;
}

#footer ul li {
	margin-bottom: 10px;
}


#footer .footer_logos {
	float: right;
}

#footer .footer_logos div {
	float: left;
	margin-right: 30px;
}

/*=============== COOKIE BANNER  ================*/
.cookiebar {
	background-color: rgba(75,75,75,0.9);
}

.cookiebar__link {
	display: block;
}

.cookiebar__button {
	background-color: #8d3e3c;
}

.cookiebar__button:hover {
	cursor: pointer;
	background-color: #6c3f3d;
}

/* to top*/

.back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: #ffdead; color: #8b5a2b; border: none; border-radius: 50%; cursor: pointer; font-size: 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; opacity: 0; visibility: hidden; transform: translateY(20px); z-index: 1000; }  
.back-to-top.visible { opacity: 0.9; visibility: visible; transform: translateY(0); }


/*===================  VOR/ZURÜCK PAGINATION  ============= */
#main .pagination {
	margin: 2em 0 0 0;
	padding: 0;
}
#main .pagination p {
	margin: 0;
	padding: 0;
}
#main .pagination ul {
	margin: 0;
	list-style: none;
}
#main .pagination ul li {
	float: left;
	margin: 0 0.8em 0 0;
}
#main .pagination ul li .pagination_current {

	font-weight: bold;
}