
/* ---------- DETAIL-ANSICHT ---------- */


/* HEAD-BLOCK */

.os_main_left_td { display:none }
.os_main_shop { width:100% ; margin:0 ; padding:0 }
.os_content_all .content > .row { background: #fff ; padding-left:20px }

/* NAVI */

.os_detail_navi_na { color:#e1e1e1 }

/* Detailansicht - Innenbereich */

.os_detail_status h1 { font-size:1.429em ; color:#000 ; font-weight:bold  } 

.os_detail_maindiv { margin-top:30px }
.os_detail_maindiv .os_detail_boxscart .os_detail_aktion { font-family:"Open Sans" ; font-size:0.5em ; font-weight:bold ; color:#9e233e ; text-transform:none }
.os_detail_maindiv .os_detail_boxscart h1 { font-size:1.714em ; margin: 0 0 25px 0 ; font-weight:700 ; font-family:"SourceCodePro-Light" } 
.os_detail_maindiv .os_detail_boxscart .os_detail_boxscartdiv { margin: 0 0 15px 0  }
.os_detail_maindiv .os_detail_boxscart .os_detail_boxscartdiv input { color:#000 ; background:#fff }
.os_detail_maindiv .os_detail_boxscart .os_detail_boxscartdiv select { color:#000 ; background:#fff }
.os_detail_maindiv .os_detail_boxscart .os_detail_boxscartdiv .os_detail_boxscarthead { margin-bottom:30px }
.os_detail_maindiv .os_detail_boxgallery .os_detail_picbigdiv img { width:90% ; height:auto ; margin-bottom:25px }
.os_detail_maindiv .os_detail_boxgallery .os_detail_picgaldiv img.os_detail_galpic { width:80px ; border:1px solid #e1e1e1 ; margin: 3px 3px 3px 0 }
.os_detail_maindiv .os_detail_boxgallery .os_detail_picgaldiv img.vendimg { width:80px ; border:1px solid #fff ; margin: 0 6px 20px 0 }
.os_detail_maindiv .os_detail_boxgallery .slickdets-for .slick-prev:before { content: "\f104" ; color:#000 }
.os_detail_maindiv .os_detail_boxgallery .slickdets-for .slick-next:before { content: "\f105" ; color:#000 }
.os_detail_maindiv .os_detail_boxgallery .slickdets-for .slick-dots { position:relative ; bottom:0 ; margin: 10px 0 30px 0 }
.os_detail_maindiv .os_detail_boxgallery .slickdets-for span { position:absolute ; top:0 ; left:0 ; background:#f1f1f1 ; padding: 2px 5px ; font-size:0.917em }
.os_detail_maindiv .os_detail_boxgallery .slickdets-nav .slick-prevV { margin-left:20px }
.os_detail_maindiv .os_detail_boxgallery .slickdets-nav .slick-nextV { margin-left:20px }
.os_detail_maindiv .os_detail_boxgallery .slickdets-nav img { cursor:pointer }
.os_detail_maindiv .os_detail_boxgallery .slickdets-nav div.slick-current img { border:1px solid #0c4d39 }
.os_detail_maindiv .os_detail_boxgallery .os_detail_galpicact { border:1px solid #0c4d39 ; margin: 0 6px 6px 0 }

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

	.os_detail_maindiv .os_detail_boxgallery .slickdets-nav { display:none }	
}

#os_detail_amountscart { padding:2px ; margin-right:10px ; width:36px ; height:36px ; text-align:center }
#detailtmpdel { margin:10px 0 10px 0 ; line-height:10px }
#detailtmpdel img { display:none }

.os_detail_toptable {  border-width:1px ; border-style:solid ; border-color:#e1e1e1 } 
.os_detail_toptabletd { padding:4px ; padding-left:10px ; padding-right:10px ; font-weight:bold }

.os_detail_price { color:#000 ; font-size:1.429em ; font-weight:600 }
.os_detail_oldprice { position:relative ; padding-bottom:15px }
.os_detail_oldprice img { margin: -5px 0 0 15px ; vertical-align:middle }
.os_detail_discount { z-index:1 ; position:absolute ; top:0px ; right:15px ; color:#fff ; background:#ff0000 ; font-size:1.2em ; padding: 3px 4px ; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; border-radius: 5px }
.os_detail_discount a { text-decoration:none ; color:#fff }
.os_detail_tax { padding-top:15px ; font-size:0.857em ; line-height:1.2 }
.os_detail_tax a { text-decoration:none }
.os_detail_sprice { padding-top:20px }
.os_detail_sprice table { border:0 ; border-collapse:separate ; border-spacing:2px }
.os_detail_sprice td { background:#f2f2f2 ; padding: 3px 8px ; font-size:0.929em }
.os_detail_sprice td:last-child { text-align:right }
.os_detail_vars { padding: 20px 0 ; margin-top:20px ; border-top: 1px solid #e1e1e1 }
.os_detail_vars table { }
.os_detail_vars table td { padding: 5px 35px 5px 0 }
.os_detail_pricetab { padding-top:10px ; margin-top:10px ; line-height:18px ; border-top:1px solid #d7d7d7 }
.os_detail_pricetab span { display:block }
.os_detail_pricetab .pricetab td { padding:4px 30px 4px 0 }
.os_detail_easycredit { border-top:1px solid #d7d7d7 }
.os_detail_easycredit a { display:block ; padding:8px 0 8px 0 }
.os_detail_easycredit a:hover { font-weight:600 }
.os_detail_linktab { border-top:1px solid #d7d7d7 ; padding-top:15px }
.os_detail_linktab a { display:block ; padding:8px 0 8px 0 }
.os_detail_linktab ul li { float:left ; margin-right:30px } 
.os_detail_custtab { padding-top:20px }
.os_detail_functab { padding:15px ; margin-top:20px ; text-align:right ; border-top:1px solid #d7d7d7 }
.os_detail_functab img { vertical-align:middle }
.os_detail_functab a { text-decoration:none ; padding-left:22px ; margin-right:20px }
.os_detail_functab .mail { background:url(./../icon_detail_mail.png) no-repeat left center }
.os_detail_functab .print { background:url(./../icon_detail_print.png) no-repeat left center }
.os_detail_functab .send { background:url(./../icon_detail_send.png) no-repeat left center ; margin-right:10px }
.os_detail_functab .save { background:url(./../icon_detail_save.png) no-repeat left center }
.os_detail_functab .social { padding:0 ; margin:0 0 0 10px ; display:inline-block ; width:32px ; height:32px ; vertical-align:middle }
.os_detail_functab .socmail { background:url(./../main/detail_social_mail.png) no-repeat left top }
.os_detail_functab .socfbook { background:url(./../main/detail_social_facebook.png) no-repeat left top }
.os_detail_functab .socgplus { background:url(./../main/detail_social_gplus.png) no-repeat left top }
.os_detail_functab .soctwitter { background:url(./../main/detail_social_twitter.png) no-repeat left top }
.os_detail_functab .socprinterest { background:url(./../main/detail_social_pinterest.png) no-repeat left top }
.os_detail_options { width:140px ; padding:5px ; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; border-radius: 5px }
.os_detail_options_input { width:172px }
#os_detail_butscart , #os_detail_amountscart { display:inline ; vertical-align:middle }

.os_detail_cross input { vertical-align:middle }
.os_detail_cross > div { border-bottom:1px dotted #e1e1e1 ; line-height:18px ; padding: 10px 0 ; margin-bottom:10px }
.os_detail_cross a { font-weight:600 }

.os_detail_crossdirect { padding-bottom:35px } 
.os_detail_crossdirect h4 { font-weight:600 ; font-size:1em ; margin: 0 0 10px 0 }
.os_detail_crossdirect label { cursor:pointer ; font-weight:normal }

/* Detailansicht - Reiter und Artikellisten */

.os_detail_descdiv { margin-top:5px ; margin-bottom:30px }
.os_detail_descdiv .nav-pills { border-collapse:collapse }
.os_detail_descdiv .nav-pills li { border:1px solid #e1e1e1 ; margin-right:10px }
.os_detail_descdiv .nav-pills li a { -webkit-border-radius:0px ; -moz-border-radius:0px ; border-radius:0px ; background:#f4f4f4 ; padding: 10px 25px }
.os_detail_descdiv .nav-pills li.active a { color:#000 ; background:#fff ; font-weight:bold }
.os_detail_descdiv .nav-pills li.active { border-bottom:1px solid #fff }
.os_detail_descdiv .tab-content .tab-pane.active { border:1px solid #e1e1e1 ; padding:30px ; margin-top:-1px }

.os_detail_descdiv .responsive-tabs-container .tab-pane { margin-bottom:15px }
.os_detail_descdiv .responsive-tabs-container .accordion-link { display:none ; margin-bottom:10px ;  padding: 10px 15px ; background-color:#f4f4f4 ; border: 1px solid #e1e1e1 ; color:#000 }

@media ( max-width: 767px ) {
	.os_detail_descdiv .responsive-tabs-container.accordion-xs .nav-pills { display:none }
	.os_detail_descdiv .responsive-tabs-container.accordion-xs .accordion-link { display:block }
}
@media ( min-width: 768px ) and ( max-width: 991px ) {
	.os_detail_descdiv .responsive-tabs-container.accordion-sm .nav-pills { display:none }
	.os_detail_descdiv .responsive-tabs-container.accordion-sm .accordion-link { display:block }
}

#os_dettab_desc1 { line-height:1.5 }
#os_dettab_desc1 > table { width:100% }
#os_dettab_desc1 .vendimg { float:right ; margin: 0 0 10px 10px }
#os_dettab_desc1 .attrib { margin-bottom:25px }
#os_dettab_desc1 .attrib td { padding-right:20px }
#os_dettab_desc1 ul { margin-top:15px ; margin-bottom:15px }
#os_dettab_desc1 h2 { margin: 24px 0 12px 0 }
#os_dettab_desc1 h3 { margin: 24px 0 12px 0 }

/* Detailansicht - Produktslider */

.os_detail_offerwrapper { border:1px solid #e1e1e1 ; padding:15px 30px 30px 30px }
.os_detail_offerwrapper h4 { color:#000 ; font-size:1.071em ; font-weight:600 ; padding-bottom:15px ; margin-bottom:25px ; border-bottom: 1px solid #e1e1e1 }
.os_detail_offerwrapper .listwrap { text-align:center ; padding:0 10px }
.os_detail_offerwrapper .listwrap .listthumb { margin:0 10px 10px 10px }
.os_detail_offerwrapper .listwrap .listtitle { height:60px ; overflow:hidden ; font-weight:600 }
.os_detail_offerwrapper .listwrap .listprice { padding-top:10px }
.os_detail_offerwrapper .listwrap .listpold { color:#990000 ; font-weight:normal ; display:inline-block ; padding-left:15px }
.os_detail_offerwrapper .thumb { width:75% ; height:auto ; margin: 0 auto }
.os_detail_offerwrapper .slick-prev { left: -30px }
.os_detail_offerwrapper .slick-next { right: -35px }
.os_detail_offerwrapper .slick-prev:before { content: "\f104" ; color:#000 }
.os_detail_offerwrapper .slick-next:before { content: "\f105" ; color:#000 }

/* Detailansicht - Eingepackt-Meldung bei nicht-Ajax-Einpacken */

#os_detail_message { margin-bottom:15px ; color:#008000 ; font-weight:bold ; border:1px solid #008000 ; background:#D9FFD9 ; text-align:center  }
#os_detail_message a { display:block ; text-decoration:none ; color:#008000 ; padding:15px } 

/* SPEZIAL : Rückgabeseite nach Einpacken ohne Ajax (shop_scart_status.html) */

.os_detail_status { padding: 30px 0 50px 0 }
.os_detail_status .os_detail_status_left img { width:80% ; height:auto }
.os_detail_status .os_detail_status_right .os_detail_status_prodbox { padding:20px ; margin: 30px 0 ; background:#f2f2f2 }

/* SPEZIAL : Youtube-Video responsive */

.os_detail_youtube { position:relative ; padding-bottom:56.25% ; height:0 ; overflow:hidden }
.os_detail_youtube iframe { position:absolute ; top:0 ; left:0 ; width:100% ; height:100% }
.os_detail_youtube.ratio4x3 { padding-bottom:75% }


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