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

.os_cat_title { color:#2B558A }
.os_cat_teaser { margin:25px 0 15px 0 }
.os_cat_text h1 { font-size:1.250em ; font-weight:600 }
.os_cat_text h2 { font-size:1.167em ; font-weight:600 }
.os_cat_text.os_cat_tblock1 { padding: 20px 0 10px 0 ; font-size:0.917em }
.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:15px ; text-align:center ; border:1px solid #eee }
.os_cat_list ul li div span { display:block ; padding:15px ; height:80px ; overflow:hidden }
.os_cat_list ul li img { width:90% ; display:inline-block }
.os_cat_list ul li a { display:block ; color:#000 ; text-decoration:none }
.os_cat_list ul li a:hover { color:#B20000 }
.os_cat_list ul li a b { display:block ; padding:3px ; font-weight:600 ; background:#fff }

.os_cat_offerwrapper { margin-bottom:30px }
.os_cat_offerwrapper h4 { color:#fff ; background:#2B558A ; padding: 8px 0 ; margin:50px 0 0 0 ; font-size:1.167em ; font-weight:600 ; text-align:center }
.os_cat_offerwrapper > div { border:1px solid #eee ; border-top:0 ; padding: 40px 0 }
.os_cat_offerwrapper .listwrap { width:225px ; text-align:center }
.os_cat_offerwrapper .listwrap .listthumb { margin:0 10px 10px 10px ; text-align:center }
.os_cat_offerwrapper .listwrap .listtitle { height:40px ; 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_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 ) {

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


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