/* ---------- MOBIL-TAGS ---------- */

body { font-size:14px }
div { margin:0 ; padding:0 ; }
fieldset { margin:0px !important; padding:0px !important; }
.os_smaler { font-size: 0.85em !important; padding-top:6px; }
#home { overflow:hidden; }

/* Clear-Float */

.clearall { clear:both ; float:none ; width:1px ; height:1px ; font-size:1px ; }
.clearfix:after { content:"." ; display:block ; height:0 ; clear:both ; visibility:hidden }
.clearfix { display:inline-block }
html[xmlns] .clearfix { display:block }
* html .clearfix { height:1% ; overflow:visible }

/* header */

.os_head_all { height:60px ; background:#fff url(./images/logo_mobil.png) no-repeat center 20px ; border:0 }
.os_head_all .ui-btn, .os_head_all .ui-icon, .os_head_all .ui-btn-inner { width: 30px ; height: 30px ; margin:0 }
.os_head_all .ui-btn-icon-notext:after { width:30px ; height:30px ; margin-top:-15px ; margin-left:-15px }
.os_head_all .ui-btn-inner .ui-icon { margin:0 ; border-radius:0 }
.os_head_mainbox { margin:0px ; padding:15px 10px 0 10px }
.os_head_navibox { float:right }


/* content */

.os_content_all { padding: 5px 10px 15px 10px ; border:0 }
.os_title_txt { padding-top: 2em ; padding-bottom: 0px ; margin:0px ; }

/* footer */
#footer .ui-btn { padding-bottom:10px; padding-top:38px; font-size:10px; }
#footer .ui-icon-custom:after { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 32px; height: 32px; margin-left: -16px; -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; }

#os_navi_home_mobil_panel:after { background: transparent top left url('./images/navi_home.png'); background-size: 1.5em 1.5em; }
#os_navi_home_mobil:after { background: transparent top left url('./images/navi_home.png'); background-size: 32px 32px; }

#os_navi_search_mobil_panel:after { background: transparent top left url('./images/navi_search.png'); background-size: 1.5em 1.5em; }
#os_navi_search_mobil:after { background: transparent top left url('./images/navi_search.png'); background-size: 32px 32px; }

#os_navi_info_mobil_panel:after { background: transparent top left url('./images/navi_info.png'); background-size: 1.5em 1.5em; }
#os_navi_info_mobil:after { background: transparent top left url('./images/navi_info.png'); background-size: 32px 32px; }

#os_navi_register_mobil_panel:after { background: transparent top left url('./images/navi_register.png'); background-size: 1.5em 1.5em; }
#os_navi_register_mobil:after { background: transparent top left url('./images/navi_register.png'); background-size: 32px 32px; }

#os_navi_basket_mobil_panel:after { background: transparent top left url('./images/navi_basket.png'); background-size: 1.5em 1.5em; }
#os_navi_basket_mobil:after { background: transparent top left url('./images/navi_basket.png'); background-size: 32px 32px; }

.os_foot_scartcontent { position:absolute ; padding-left: 5px; padding-top: 2px; background-color:#ff0000 ; width:15px ; height:18px; display: block; top: 0px; left: 0px; -moz-border-radius:5px ; -webkit-border-radius:5px ; border-radius:5px; }
.os_foot_scartcontent_outer { position:absolute ; background-color:none ; width:17px ; height:20px; display: block; top: 5px; left: 50%; margin-left:10px; margin-top:3px; text-align:left;}

/* Detailansicht */

#os_image_wrapper_mobil img { max-width:400px; width:100%; height:auto; }
#os_image_wrapper_mobil { text-align:center; }

label em, .os_info_box_mobil em, fieldset em, .os_mark_mobil em { color:#d80000 ; font-weight:bold ; padding-left:0.5em ; padding-right:0.5em }
.os_info_box_mobil { border: 1px solid #fffcbc ; margin: 0 0 1em 0 ; padding: 0.5em 30px 0.5em 0.5em ; background:#fffddd ; font-size:16px }

/* Scart List */
#os_scart_summary { margin-top:-10px }
#os_scart_summary th { font-weight:normal ; text-align:left }
#os_scart_summary td { font-weight:normal ; text-align:right ; padding-left:10px }
.ui-listview .image .ui-li-thumb { padding: 1px ; -moz-border-radius:0.6em ; border-radius::0.6em ; -webkit-border-radius::0.6em }

/* Warenkorb */
#os_scart .ui-li-count { border:none ; background:transparent ; margin-top: 25px; }

#os_order_cart .ui-li-count { border:none ; background:transparent; margin-top:-0.8em; }
#os_order_cart li p { font-size: .9em !important; }
#os_order_cart li .first { margin-top: -0.5em !important; }
#os_order_cart li .last { margin-bottom: -0.5em !important; }

.os_detail_inactive_hide { display:none; }

.os_detail_social a { padding:0 ; margin:0 2px 0 0 ; display:inline-block ; width:16px ; height:20px ; vertical-align:middle }
.os_detail_social .facebook { background:url(./images/icon_detail_socfacebook.png) no-repeat left top }
.os_detail_social .google { background:url(./images/icon_detail_socgplus.png) no-repeat left top }
.os_detail_social .twitter { background:url(./images/icon_detail_soctwitter.png) no-repeat left top }

.price_wrapper .price_box_1 { float:left; }
.price_wrapper .price_box_2 { float:right; }
.price_wrapper .price_box_last { float:none; clear:both; }


/* Erzwinge Zeilenumbruch in den verschiedenen elementen */

.ui-link-inherit h6 { white-space:normal ; overflow:visible }
.ui-li-desc { overflow:visible ; white-space:normal }
.os_price_mobil { white-space:normal ; overflow:visible }
.os_align_normal_mobil,
.os_align_normal_mobil .ui-li,
.os_align_normal_mobil .ui-btn-text,
.os_align_normal_mobil .ui-link-inherit,
.os_align_normal_mobil h1,
.os_align_normal_mobil h2,
.os_align_normal_mobil h3,
.os_align_normal_mobil h4,
.os_align_normal_mobil h5,
.os_align_normal_mobil h6,
.os_align_normal_mobil p,
.os_align_normal_mobil span,
.os_align_normal_mobil a { white-space:normal !important ; overflow:visible !important; }

/* Fehlermeldungen */

.os_scart_error { display:none }
.os_error_head, .os_error h3 { color:#FF5555 ; white-space:normal ; overflow:visible }
.os_error { color:#FF5555 ; font-size:13px ; font-weight:bold ; padding:0px ; text-shadow:none }


/* ---------- Spez. Listentags ---------- */

.os_list_price1 { text-decoration:line-through }
.os_list_shipt1 { color:#008000 }
.os_list_shipt2 { color:#008000 }
.os_list_shipt3 { color:#F97C00 }
.os_list_shipt4 { color:#F97C00 }
.os_list_shipt5 { color:#F97C00 }
.os_list_shipt6 { color:#F97C00 }
.os_list_shipt7 { color:#F97C00 }
.os_list_shipt8 { color:#ff0000 }
.os_list_shipt9 { color:#ff0000 }
.os_categories_bchrumb a { color:#fff !important ; text-decoration:none !important }

/* Rahmen Farbe von collapsible content theme C korrigieren*/
.ui-body-c .ui-collapsible-inset .ui-collapsible-content { margin: 0px; border-right-width: 1px; border-left-width: 1px; border-color: rgb(204,204,204); }

#os_list_view .image,
#os_search_view .image,
.os_offer_list .image { margin-top: 1.7em; margin-left: 0.7em; }


.ui-listview > li p { white-space:normal !important; font-size: .9em !important;}
.os_list_smaler li .first,
.os_orderlist_view li .first { margin-top:-0.5em !important; padding-top:0px ; }
.os_list_smaler li .last,
.os_orderlist_view li .last { margin-bottom:-0.5em !important; padding-bottom:0px ; }

/* inaktive elemente */
/* Ramen farbe erhalten ... */
.ui-disabled,
.ui-state-disabled,
button[disabled],
.ui-select .ui-btn .ui-state-disabled { border-color: #828282 !important; }


/* ---------- Layzloading ---------- */

.bttrlazyloading-wrapper { background-color:transparent !important ; background-repeat: no-repeat; background-position: center; float:left; width:70px; margin:0 20px 0 -90px }
.bttrlazyloading-clone, .bttrlazyloading { margin: 0; padding: 0; border: 0; height: auto; width:70px }
.bttrlazyloading-loaded { background-image: none !important }


/* ---------- BX-Slider ---------- */

.bx-wrapper { position:relative ; padding:0 ; *zoom: 1 }
.bx-wrapper .bx-viewport { -webkit-transform: translatez(0) ; -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px ; width:100% }
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bxslider/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute;	top: 0;	left: 0; z-index: 2000 }

.bx-wrapper .bx-prev { left: 10px; background: url(images/bxslider/controls.png) no-repeat 0 -32px }
.bx-wrapper .bx-next { right: 10px; background: url(images/bxslider/controls.png) no-repeat -43px -32px }
.bx-wrapper .bx-prev:hover { background-position: 0 0 }
.bx-wrapper .bx-next:hover { background-position: -43px 0 }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999 }
.bx-wrapper .bx-controls-direction a.disabled {	display: none }


/* ---------- SPEZIAL : Cookie-Abfrage */

#os_app_cookiewarn { z-index:5000 ; position:fixed ; left:0 ; top:0 ; width:100% ; background-color:#222222 ; color:#fff ; font-size:1em ; font-weight:normal }
#os_app_cookiewarn .cminner { padding:15px }
#os_app_cookiewarn .cmtext { float:left ; color:#fff ; padding-top:1px }
#os_app_cookiewarn .cmtext a { color:#fff ; text-decoration:underline }
#os_app_cookiewarn .cmbut { float:right ; text-align:right }
#os_app_cookiewarn .cmbut a { display:inline-block ; background:#8F8F8F ; color:#000 ; padding: 10px 12px ; text-decoration:none !important ; -webkit-border-radius:5px ; -moz-border-radius:5px ; border-radius:5px }
#os_app_cookiewarn .cmbut a:hover { color:#fff !important }

@media screen and ( max-width:767px ) { 
	
	#os_app_cookiewarn .cmtext { float:none }
	#os_app_cookiewarn .cmbut { float:none ; text-align:left }
}


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