
/* ---------- KATEGORIE-ANSICHT ---------- */

.os_cat_breadcrumb h1 { margin: 10px 0 25px 0 ; font-family:"SourceCodePro-Light" }
.os_cat_title { color:#2B558A }
.os_cat_teaser { margin:25px 0 15px 0 }
.os_cat_teaser img { width:100% }
.os_cat_text h2 { font-size:1.286em ; font-weight:600 }
.os_cat_text.os_cat_tblock1 { padding: 10px 0 20px 0 }
.os_cat_text.os_cat_tblock2 { padding: 30px 0 20px 0  }

.os_cat_list { margin-top:30px }
.os_cat_list ul li div { margin: 10px 0 ; padding:0 ; border:1px solid #FFB00D ; background:#FFB00D url(./../main/cat_backnavi.jpg) no-repeat top right ; height:80px }
.os_cat_list ul li div:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(217,217,217,0.80) ; -moz-box-shadow: 0px 0px 10px 0px rgba(217,217,217,0.80) ; box-shadow: 0px 0px 10px 0px rgba(217,217,217,0.80) }
.os_cat_list ul li div span { }
.os_cat_list ul li img { width:78px ; max-width:78px ; float:left ; border: 5px solid #fff ; margin-right:10px }
.os_cat_list ul li a { display:block ; height:80px ; color:#000 ; text-decoration:none ; font-size:1.071em }
.os_cat_list ul li a:hover { color:#0C4C3B }
.os_cat_list ul li a b { display:block ; padding:3px ; font-weight:600 }

.os_cat_offerwrapper { border:1px solid #eee ; padding:15px 30px 30px 30px ; margin-top:20px }
.os_cat_offerwrapper h4 { color:#000 ; font-size:1.071em ; font-weight:600 ; padding-bottom:15px ; margin-bottom:25px ; border-bottom: 1px solid #eee }
.os_cat_offerwrapper .listwrap { text-align:center ; padding: 0 10px }
.os_cat_offerwrapper .listwrap .listthumb { margin:0 10px 10px 10px ; text-align:center }
.os_cat_offerwrapper .listwrap .listtitle { height:50px ; overflow:hidden ; font-weight:600 }
.os_cat_offerwrapper .listwrap .listprice { padding-top:10px }
.os_cat_offerwrapper .listwrap .listpold { color:#990000 ; font-weight:normal ; display:inline-block ; padding-left:15px ; text-decoration:line-through }
.os_cat_offerwrapper .listwrap .listeulabel { position:absolute ; top:0 ; right:20px ; z-index:500 }
.os_cat_offerwrapper .listwrap .listeulabel img { width:auto ; height:20px }
.os_cat_offerwrapper .thumb { width:60% ; height:auto ; display:inline-block }
.os_cat_offerwrapper .slick-prev { left: -27px }
.os_cat_offerwrapper .slick-next { right: -30px }
.os_cat_offerwrapper .slick-prev:before { content: "\f104" ; color:#000 }
.os_cat_offerwrapper .slick-next:before { content: "\f105" ; color:#000 }

.os_cat_overall { padding-top:40px }
.os_cat_overall .alllist { margin-bottom:40px }
.os_cat_overall .alllist a { text-decoration:underline }
.os_cat_overindex { padding-top:40px }
.os_cat_overindex .indexlist { margin-bottom:40px }
.os_cat_overindex .indexlist a { margin-right:4px ; text-decoration:underline }


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

	.xos_cat_list ul li:first-child div { border-top:1px solid #d7d7d7 }
	.xos_cat_list ul li div { margin: 3px 0 5px 0 ; text-align:left ; border-bottom:1px solid #d7d7d7 }
	.xos_cat_list ul li div span { padding:0 ; height:auto }
	.xos_cat_list ul li div span a { display:block ; padding:12px }
	.xos_cat_list ul li img { width:40px ; height:40px ; float:left }
}


/* ---------- END ---------- */
