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

.os_main_left_td { display:none }
.os_main_shop { width:100% ; margin:0 ; padding:0 }

/* Detailansicht - Box */

.os_detail_navi_na { color:#e1e1e1 }
.os_detail_status h1 { font-size:1.429em ; color:#000 ; font-weight:bold  }
.os_detail_maindiv { margin: 30px 0 20px 0 }

/* Detailansicht - Gallery */

.os_detail_maindiv .os_detail_boxgallery .os_detail_picbigdiv img { width:100% ; 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-for { display:none ; opacity:0 ; transition: opacity 0.1s }
.os_detail_maindiv .os_detail_boxgallery .slickdets-for.slick-initialized { display:block ; opacity:1 }

.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 #B3A369 }
.os_detail_maindiv .os_detail_boxgallery .slickdets-nav .os_detail_galpicact { border:1px solid #B3A369 ; margin: 0 6px 6px 0 }

@media screen and ( min-width:992px ){

	.os_detail_maindiv .os_detail_boxgallery .slickdets { margin-right:30px }
	.os_detail_maindiv .os_detail_boxgallery .slickdets-nav { display:none ; opacity:0 ; transition: opacity 0.1s }
	.os_detail_maindiv .os_detail_boxgallery .slickdets-nav.slick-initialized { display:block ; opacity:1 }
}

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

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

/* Detailansicht - Preisbox */

.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.9em; font-weight: 300; margin: 0 0 15px 0 ; }
.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 { padding:0 }

#os_detail_amountscart { padding:2px ; margin-right:10px ; width:40px ; height:40px ; text-align:center }
#detailtmpdel { font-weight:normal }
#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: #b3a369; font-size: 1.6em; padding-bottom:5px ; font-weight:700; }
.os_detail_oldprice { padding-bottom:15px }
.os_detail_oldprice img { margin: -5px 0 0 15px ; vertical-align:middle }
.os_detail_tax { padding-top:15px ; font-size:0.857em }
.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 0 0 }
.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 .pricetab td { padding:4px 30px 4px 0 }
.os_detail_linktab { padding-top:15px ; margin-top:30px }
.os_detail_linktab a { display:block ; padding:8px 0 8px 0 }
.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 Beschreibung */

.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 }
#os_dettab_desc1 a { text-decoration:underline }

/* Detailansicht - Produktslider */

.os_detail_offerwrapper { }
.os_detail_offerwrapper h4 { color:#000 ; font-size:1.9em ; font-weight:600 ; padding-bottom:15px ; margin-bottom:25px ; border-bottom:solid #b3a369 1px }
.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:40px ; 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 }
.os_detail_offerwrapper .slick-track { margin-left:unset ; margin-right:unset } 

/* 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% }

@media ( min-width: 991px ) {
	.os_detail_descdiv .tab-content .tab-pane.active { border: none; margin-top: 0px; }
}

.os_detail_descdiv .nav-pills { border-bottom:solid #b3a369 1px; }
.os_detail_descdiv .nav-pills > li { border:none; display:block; margin-bottom: -7px; }
.os_detail_descdiv .nav-pills > li.active { border:none; }
.os_detail_descdiv .nav-pills > li > a { border:none; font-size: 1.9em; padding: 7px 50px; background-color:transparent; }
.os_detail_descdiv .nav-pills > li > a:hover,
.os_detail_descdiv .nav-pills > li > a:focus,
.os_detail_descdiv .nav-pills > li.active a { border:none; background-color:transparent; color: #333; border-bottom:solid #b3a369 5px; }
.os_detail_descdiv .nav-pills > li.active a { font-weight: 700; }

.os_detail_vars .option { width:100%; padding-bottom:10px; }
.os_detail_vars .option .select_wrapper { position: relative; width: 100%; }
.os_detail_vars .option .select_wrapper::before { color: #333; font-weight:bold; font-size: 20px; pointer-events: none; position: absolute; right: 15px; top: 10px; }
.os_detail_vars .option select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8nwYAAmoBZ0eMiB8AAAAASUVORK5CYII=) repeat; border: 1px solid #d9d9d9; color: #333; cursor: pointer; font-size: 18px; height: 40px; outline: none; padding-left: 10px; width: 100%; border-radius: 0px; }
.os_detail_vars .option select option { color: #333; }
.os_detail_vars .option select::-ms-expand { display: none; }
.os_detail_vars .option select:focus::-ms-value { background-color: transparent; }
.os_detail_vars .title { padding-bottom:10px; font-weight:bold; font-size:1em }
.os_detail_vars .price_title , .os_detail_vars .status_title { font-weight:bold ; font-size:1em ; padding-bottom:10px ; display:inline-block ; width:80px }
.os_detail_vars .price { color:#b3a369 ; font-weight:bold ; font-size:1em ; padding-bottom:10px ; display:inline-block }
.os_detail_vars .status { color:#000 ; font-weight:normal ; font-size:1em ; padding-bottom:10px ; display:inline-block }
.os_detail_vars:after { content:"" ; clear:both ; display:block }

#detailtmpbut .amount { width:100% ; height:52px }
#detailtmpbut .amount:after { content:''; clear:both; }
#detailtmpbut .amount .before { width: 25%; height:40px; display:block; float:left; padding-right:10px; }
#detailtmpbut .amount .after { width: 25%; height:40px; display:block; float:left; padding-left:10px; }
#detailtmpbut .amount .input { width: 49.9%; height:40px; display:block; float:left; }
#detailtmpbut .amount input[type="text"] { width: 100%; text-align: center; border: 1px solid #d9d9d9; color: #333; font-size: 18px; height: 40px; outline: none; }
#detailtmpbut .amount .cntbutton { width: 100%; padding-top:10px; border: 1px solid #d9d9d9; color: #999; font-size: 20px; height:40px; text-align:center; }
#detailtmpbut .amount .cntbutton:hover { outline: 0; cursor: pointer; color: #555; background-color: #f9f8f4; border-color: #b3a369; text-decoration: none; }
#detailtmpbut .amount .cntbutton:active { background-color:#e9e8e4; }

#detailtmpbut .submit { width:100% }
#detailtmpbut .submit button { width:100% ; color: #333; background: #fff; border: 1px solid #d9d9d9; padding: 11px 22px; text-align: center; text-decoration: none; display: block; font-size: 18px; font-weight: 700; }
#detailtmpbut .submit button .fa { margin-right:10px ; color:#b3a369 ; font-size:1.2em }
#detailtmpbut .submit button:hover { color:#555 ; background-color:#f9f8f4 ; border-color:#b3a369 ; text-decoration:none }
#detailtmpbut .submit button:active { background-color:#e9e8e4 }
#detailtmpbut:after { content:"" ; clear:both ; display:block }


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