
/* ---------- ALLGEMEINE TAG-DEFINITIONEN ---------- */

@font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url('./addon/googlefont/open-sans-v15-latin-300.woff2') format('woff2'), url('./addon/googlefont/open-sans-v15-latin-300.woff') format('woff') }
@font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('./addon/googlefont/open-sans-v15-latin-regular.woff2') format('woff2'), url('./addon/googlefont/open-sans-v15-latin-regular.woff') format('woff') }
@font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('./addon/googlefont/open-sans-v15-latin-600.woff2') format('woff2'), url('./addon/googlefont/open-sans-v15-latin-600.woff') format('woff') }
@font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('./addon/googlefont/open-sans-v15-latin-700.woff2') format('woff2'), url('./addon/googlefont/open-sans-v15-latin-700.woff') format('woff') } 
@font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('./addon/googlefont/open-sans-v15-latin-800.woff2') format('woff2'), url('./addon/googlefont/open-sans-v15-latin-800.woff') format('woff') }

html { font-size:100% ; -webkit-text-size-adjust:none }
body { line-height:1.2 ; background:#fff ; color:#000 ; font-size:87.50% ; font-family: 'Open Sans',Arial,Helvetica,sans-serif }

a:hover , a:focus { color:#F97C00 ; text-decoration:none }
a { color:#000 }

/* Formularemelente */

input { vertical-align:middle }
select , input[type='select'] , input[type='text'] , input[type='password'] , textarea { border: 1px solid #c1c1c1 ; padding:2px }
input[type='image'] { border:0 }

.orderform { border: 1px solid #c1c1c1 ; padding:3px }
.ordermand { color:#ff0000 ; font-weight:bold ; text-align:center }
.ordererror { border:1px solid #ff0000 !important ; background:#FFDFDF !important }

.formph::-webkit-input-placeholder { text-align:right }
.formph:-moz-placeholder { text-align:right }
.formph::-moz-placeholder { text-align:right }
.formph:-ms-input-placeholder { text-align:right }

/* Tabellen */

table , th , td , caption { text-align:left ; font-weight:normal ; float:none !important ; border:0 ; outline:0 ; font-size:100% ; font:inherit }
table , th , td { vertical-align:middle }

/* Titel */

h1,h2,h3,h4,h5,h6 { font-weight:normal }
h1 { font-size:2em ; line-height:1 ; margin-bottom:0.5em }
h2 { font-size:2em ; margin-bottom:0.75em }
h3 { font-size:1.5em ; line-height:1 ; margin-bottom:1em }
h4 { font-size:1.2em ; line-height:1.25 ; margin-bottom:1.25em }
h5 { font-size:1em ; font-weight: bold ; margin-bottom:1.5em }
h6 { font-size:1em ; font-weight: bold }

/* Fehlermeldung: jquery validation */

div.os_form_error { color:#ff0000 ; font-style:italic }
div.os_form_valid {  }
select.os_form_error , input[type='select'].os_form_error , input[type='text'].os_form_error , input[type='password'].os_form_error , textarea.os_form_error { background:#FFDFDF }


/* ---------- BUTTONS ---------- */

.os_button_grey_submit { color:#000 ; background:#f2f2f2 url(./../button_backgrey.png) repeat-x bottom ; border:1px solid #c1c1c1 ; font-weight:bold ; text-align:center ; padding: 8px 16px ; margin:0 ; cursor:pointer }
.os_button_grey_submit:hover { color:#000 ; background:#E6E6E6 }

.os_button_col1_submit { color:#fff ; background:#F97C00 url(./../button_backcol1.png) repeat-x bottom ; border:1px solid #F97C00 ; font-weight:bold ; text-align:center ; padding: 8px 16px ; margin:0 ; cursor:pointer }
.os_button_col1_submit:hover { color:#fff ; background:#E17100 }

.os_button_col2_submit { color:#fff ; background:#F97C00 url(./../button_backcol2.png) repeat-x bottom ; border:1px solid #F97C00 ; font-weight:bold ; text-align:center ; padding: 8px 16px ; margin:0 ; cursor:pointer }
.os_button_col2_submit:hover { color:#fff ; background:#E17100 }

.os_button_grey span , .os_button_col1 span , .os_button_col2 span { position:relative ; display:inline-block ; font-weight:bold ; text-align:center ; padding: 8px 16px ; cursor:pointer }
a.os_button_grey:hover , a.os_button_col1:hover , a.os_button_col2:hover { text-decoration:none }

.os_button_grey span { color:#000 ; background:#f2f2f2 url(./../button_backgrey.png) repeat-x bottom ; border:1px solid #c1c1c1 }
.os_button_grey:hover span { color:#000 ; background:#E6E6E6 ; text-decoration:none ; cursor:pointer }

.os_button_col1 span { color:#fff ; background:#F97C00 url(./../button_backcol1.png) repeat-x bottom ; border:0 }
.os_button_col1:hover span { color:#fff ; background:#E17100 ; text-decoration:none ; cursor:pointer }

.os_button_col2 span { color:#fff ; background:#F97C00 url(./../button_backcol2.png) ; border:0 }
.os_button_col2:hover span { color:#fff ; background:#E17100 ; text-decoration:none ; cursor:pointer }

.btn-order { background-color:#F97C00 ; border:0 ; border-radius:0 ; font-weight:bold ; color:#fff ; padding: 8px 16px ; cursor:pointer }
.btn-order:hover { background:#E17100 ; color:#fff }


/* ---------- KOPFBEREICH ---------- */

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

	.os_head_big { background:url(./../main/head_main_back.png) repeat-x top }
	.os_head_main { z-index:640 ; position:relative ; height:110px ; background:url(./../main/head_main_back.png) repeat-x top }

	/* Logo */

	.os_head_logobox { z-index:699 ; position:absolute ; top:20px ; left:0px }
	.os_head_logobox img { height:70px }
	.os_head_trust { z-index:699 ; position:absolute ; top:30px ; right:220px }
	.os_head_trust img { width:50px ; height:50px }

	/* Navigation */

	.os_head_navibox  { z-index:650 ; position:absolute ; left:0px ; top:15px ; width:92% ; color:#e1e1e1 ; font-size:0.917em ; padding:8px ; text-align:center }
	.os_head_navibox A:link , .os_head_navibox A:visited { color:#808080 ; text-decoration:none ; display:inline-block ; padding: 0 12px }
	.os_head_navibox A:hover { color:#547EB3 ; text-decoration:none }
	.os_head_navi_active_cell { background-color:#f1f1f1 ; padding: 6px 12px 6px 12px ; float:left ; border-right: 1px solid #fff }
	A.os_head_navi_active_href:link , A.os_head_navi_active_href:visited { color:#547EB3 ; text-decoration:none }
	A.os_head_navi_active_href:hover { color:#547EB3 ; text-decoration:none }

	/* Suche */

	.os_head_searchbox  { position:absolute ; top:60px ; left:0 ; width:92% ; text-align:center }
	#sbbo { border:2px solid #e1e1e1 ; width:270px ; padding:4px ; margin:0 ; vertical-align:middle ; height:32px }
	#os_search_submit { border:1px solid #e1e1e1  ; height:32px ; padding:0 5px 0 5px ; margin:0 0 0 6px ; background:#f1f1f1  ; vertical-align:middle ; font-weight:bold ; cursor:pointer }
	#os_search_submit:hover { background:#e5e5e5 }

	/* Warenkorb */

	.os_head_scartbox  { z-index:700 ; position:absolute ; top:30px ; right:0 ; width:200px ; height:50px ; background:url(./../main/head_scart.png) no-repeat left top }
	.os_scshort_popup { display:none ; position:absolute ; width:130px ; margin-top:6px ; border: 1px solid #6C6C6C ; background:#547EB3 }
	.os_head_scarttitle { padding: 0 0 10px 60px ; font-weight:bold ; cursor:pointer }
	.os_head_scartcontent { cursor:pointer ; position:absolute ; top:0 ; left:0 }
	.os_head_scartcontent:hover { color:#000 }
	.os_head_scartcontent A:link , .os_head_scartcontent A:visited { display:block ; color:#000 ; font-size:0.917em ; text-decoration:none ; padding:25px 0 0 60px }
	.os_head_scartcontent A:hover { color:#000 ; text-decoration:none }
	#os_head_scartlink { display:block }
	#os_head_scartpop { z-index:11000 ; display:none ; position:absolute ; margin:17px 0 0 -180px ; width:380px ; font-size:0.917em }
	.os_head_scartajaxdiv { border:2px solid #e1e1e1 ; background:#fff ; border-radius:5px ; -moz-border-radius:5px }
	.os_head_scartt1titel { background:#e1e1e1 ; padding:5px }
	.os_head_scartt1div { max-height:270px ; overflow:auto ; border-bottom:1px solid #e1e1e1 }
	.os_head_scartt1ajax td { padding:2px ; border-bottom:1px dotted #e1e1e1 }
	.os_head_scartt1ajax tr { cursor:pointer }
	.os_head_scartt1ajax img { width:40px ; height:40px }
	.os_head_scartt1ajax a { text-decoration:none ; color:#333 ; font-weight:normal }
	.os_head_scartt2div { padding:10px ; text-align:right }

	/* Horizontale Produktnavi */

	.os_head_navi { z-index:610 ; position:relative ; padding:0 ; color:#fff }
	#os_head_prodbox { overflow:hidden }
	#os_head_prodbox > ul { z-index:9998 ; list-style:none ; text-align:center ; margin:0 ; padding:0 }
	#os_head_prodbox > ul > li { display:inline-block ; text-align:center }
	#os_head_prodbox > ul > li > a { padding: 10px 20px 11px 20px ; margin-right:30px ; display:block ; color:#fff ; font-size:1.167em ; font-weight:bold ; text-decoration:none }

	#os_head_prodbox ul li ul { z-index:19999 ; position:absolute ; list-style:none ; padding:10px 0 10px 0 ; width:300px ; display:none ; background:#30557C ; border-bottom:4px solid #F97C00 }
	#os_head_prodbox ul li ul li { float:none ;  text-align:left ; background:#30557C }
	#os_head_prodbox ul li ul li a { font-size:1.083em ; font-weight:normal ; padding: 6px 0 6px 15px ; display:block ; color:#fff ; border:0 ; margin:0 }
	#os_head_prodbox ul li ul li a:hover { background:#F97C00 }

	#os_head_prodbox .actA > a , #os_head_prodbox .act > a { color:#fff ; padding-bottom:7px ; border-bottom:4px solid #F97C00 }
	#os_head_prodbox .os_head_prod_Unsere_Marken ul { width:550px ; -moz-column-count:2 ; -webkit-column-count:2 ; column-count:2 }
	#os_head_prodbox .os_head_prod_Unsere_Marken ul li { float:none ; -webkit-column-break-inside:avoid ; page-break-inside:avoid ; break-inside:avoid }
}

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

	#sbbo { width:500px }
}

/* Bootstrap XS SM */

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

	.os_head_small .container { padding-top: 10px; }

	.os_head_main > div { padding:0px; }

	.os_head_main .black_disk { position:absolute ; top:0px ; right:0px ; width:20px ; height:20px ; color:#FFF ; background-color:#F97C00 ; font-size:15px ; text-align:center; border: 1px solid #F97C00 ; border-radius: 10px;}
	.os_head_main .logo_small { max-height:60px }

	.os_head_search { padding-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom:3px; margin-top:5px; background-color: #f5f5f5; }
	.os_head_search .btn { border:0px; background:none; padding:0px; overflow:hidden; }
	.os_head_search .btn-right { background:#fff; border:1px solid #c1c1c1 ; border-left:0px; border-radius:0px; }
	.os_head_search form { width:100% ; padding:0 ; margin:3px 0 8px 0 }
	.os_head_search .search { width:100%; }
	.os_head_search .search .input-group-btn { width:40px; }
	.os_head_search .search input , .os_head_search .search button { padding:0 ; margin:0; display:inline-block ; height:40px; }
	.os_head_search .search input { width:100%; border-right: none; }
	.os_head_search .search button { width:40px; }
	.os_head_search .search .btn > img { width:40px ; height:40px }
	.os_head_search .search .os_search_long { padding-left:10px }

	#os_headxs_prod { position:absolute ; top:0 ; width:13.755em ; left:-13.755em ; overflow:auto ; height:100% ; color:#fff ; background:#30557C ; -webkit-overflow-scrolling: touch ; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -o-transition: 0.15s ease; transition: 0.15s ease }
	#os_headxs_prod.active { -webkit-transform: translate(13.755em, 0px) ; -moz-transform: translate(13.755em, 0px); -o-transform: translate(13.755em, 0px); -ms-transform: translate(13.755em, 0px); transform: translate(13.755em, 0px) }
	#os_headxs_prod > .list-unstyled > li > a { font-weight:bold }
	#os_headxs_prod ul { margin:10px 0 20px 10px }
	#os_headxs_prod b { display:block ; margin: 10px 0 0 10px }
	#os_headxs_prod a { display:block ; color:#fff ; padding-top:3px ; padding-bottom:3px }
	header , section , footer ,  body > div  { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px);  transform: translate(0px, 0px); -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -o-transition: 0.15s ease; transition: 0.15s ease }
	header.active , section.active , footer.active ,  body > div.active { -webkit-transform: translate(13.725em, 0px); -moz-transform: translate(13.725em, 0px); -o-transform: translate(13.725em, 0px); -ms-transform: translate(13.725em, 0px); transform: translate(13.725em, 0px) }

	#lz_floating_button { display:none }
}



/* ---------- FUSSBEREICH ---------- */

.os_foot_con { color:#fff ; font-size:0.917em ; font-weight:300 ; margin-top:60px ; padding:8px 0 8px 0 ; background:#30557C }
.os_foot_con a { text-decoration:none }
.os_foot_con .social { padding:20px 0 20px 0 ; border-bottom:1px dotted #757574 }
.os_foot_con .social img { margin:0 6px 0 6px }
.os_foot_con .newsletter { color:#000 ; padding:20px 0 20px 0 ; border-bottom:1px dotted #757574 }
.os_foot_con .newsletter .nlemail { border:0 ; margin:3px 0 3px 0 ; padding:8px ; width:70% ; max-width:500px ; font-size:1.167em ; height:40px }
.os_foot_con .newsletter .nlsubmit { border:0 ; color:#000 ; background:#D9DADB ; margin:3px 0 3px 0 ; padding:8px ; font-size:1.167em ; height:40px ; cursor:pointer }

.os_foot_all { font-size:0.917em ; font-weight:300 ; color:#fff ; background:#30557C }
.os_foot_all .content { color:#fff ; padding-top:20px ; padding-bottom:35px }
.os_foot_all .content a { color:#fff ; text-decoration:none }
.os_foot_all .content a:hover { color:#bbb ; text-decoration:none }
.os_foot_all .content .cols ul li { padding: 4px 30px 3px 0 }
.os_foot_all .content .cols p { display:block ; font-size:1em ; margin-top:15px ; margin-bottom:15px ; font-weight:bold ; text-transform:uppercase }
.os_foot_all .content .payment img { width:100% ; margin: 20px 0 35px 0 }
.os_foot_all .content .text { padding-top:20px ; font-size:0.917em }
.os_foot_all .content .col2 .tel { font-weight:bold ; font-size:1.250em ; padding-bottom:10px }
.os_foot_all .content .col2 .mail { font-weight:bold ; font-size:1.250em }

/* Baseline */

.os_foot_baseline { background:#30557C ; padding:20px 0 20px 0 ; font-size:0.917em ; font-weight:300 ; color:#fff ; border-top:1px solid #757574 }
.os_foot_baseline .content { line-height:1.6 }
.os_foot_baseline .content a { font-size:1em ; color:#fff ; text-decoration:none }
.os_foot_baseline .content a:hover { color:#fff ; text-decoration:none }

/* Tracking */

.os_foot_track { background:#000 ; display:none }



/* ---------- CONTENBEREICH ---------- */

.os_content_all { font-weight:leighter; font-size:0.9333em; }
.os_content_all .content {  padding-top:40px }

/* LINKE SPALTE */

.os_main_left_td { min-height:50px }
.os_main_left_td .os_main_left_contentbox { text-align:left }

/* BOX "Rubrikenauswahl" */
/* => befindet sich im jeweiligen Navigations-Plugin-CSS */

/* BOX "Kundenservice" */

.os_main_left_td .os_service_title { background:#2B558A ; color:#fff ; padding:11px 0 11px 12px ; margin-top:15px ; font-weight:bold }
.os_main_left_td .os_service_content { padding:0 ; border-top: 1px solid #fff ; background:#F5F5F5  }
.os_main_left_td .os_service_content ul { list-style:none ; padding:0 ; margin:0 }
.os_main_left_td .os_service_content ul  li { padding:10px 0 10px 12px ; border-bottom: 1px solid #fff }
.os_main_left_td .os_service_content A:link , .os_service_content A:visited { color:#000 ; text-decoration:none ; display:block }
.os_main_left_td .os_service_content A:hover { color:#2B558A ; text-decoration:none }
.os_main_left_td .os_prod_picto { display:none }



/* ---------- SHOPINNENBEREICH ---------- */

.os_main_shop { background:#fff }


/* ---------- ALLGEMEIN : Umrandung der Überschriftenboxen */

.os_toptable {  border:1px solid #d7d7d7 }
.os_toptabletd { padding:4px 10px 4px 10px ; font-weight:bold ; text-align:left }
.os_title_div { border:1px solid #d7d7d7 ; padding:6px 10px 6px 15px ; font-weight:bold ; text-align:left ; margin-bottom:12px }
.os_title_txt { padding:6px 10px 12px 0px ; font-weight:bold ; text-align:left ; font-size:1.2em ; color:#9E233E }
.os_content_div { border:1px solid #d7d7d7 ; padding:15px ; margin-bottom:12px ; min-height:0 }
.os_content_div2 { padding:0px ; border:0 }
.os_content_div3 { padding:0px }
.os_content_tab { width:100% ; border-spacing:0 ; border-collapse:collapse }
.os_content_tab td { padding:0 }
.os_content_dott { border-top:1px dotted #d7d7d7 }
.os_content_dott_td { border-bottom:1px dotted #d7d7d7 }
.os_content_corner { background:#fff ; border:1px solid #d7d7d7 }


/* ---------- ALLGEMEIN : Allgemein Meldungen -> Schriften */

.os_error { color:#ff0000 }
.os_small { font-size:0.9em }
.os_fright { float:right }
.os_fleft { float:left }
.os_div_error { color:#ff0000 ; border:1px solid #ff0000 ; background:#FFDFDF ; font-weight:bold ; text-align:center ; padding:15px ; margin-bottom:12px }


/* ---------- ALLGEMEIN : Artikellisten */

.os_list_list { margin:0 }
.os_list_list .thumbnails { margin-left:-8px ; margin-right:-8px }
.os_list_list .thumbnails li { padding: 0 8px 0 8px }

.os_list_wrap_all { background:#fff ; margin-bottom:12px ; border:0 ; height:auto }
.os_list_wrap_all .os_list_box1_all { padding:0 ; text-align:center ; position:relative }
.os_list_wrap_all .os_list_box1_all .thumb { width:80% ; height:auto }
.os_list_wrap_all .os_list_box2_all { padding:10px 0 0 0 ; text-align:center ; height:130px }
.os_list_wrap_all .os_list_mark { position:absolute ; top:0 ; right:0 ; z-index:500 }
.os_list_wrap_all .os_list_offer { float:right ; margin-top:-8px }
.os_list_wrap_all .os_list_aktion { color:#990000 }
.os_list_wrap_all .os_list_aktion a { color:#990000 }
.os_list_wrap_all .os_list_title { padding-bottom:15px }
.os_list_wrap_all .os_list_text { height:40px ; font-size:0.9em }
.os_list_wrap_all .os_list_price1 { color:#990000 ; font-weight:normal ; display:inline-block ; padding-left:15px }
.os_list_wrap_all .os_list_price2 { color:#30557C ; padding-bottom:8px ; font-weight:600 ; font-size:1.083em }
.os_list_wrap_all .os_list_price2 .pricepre { font-weight:normal }
.os_list_wrap_all .os_list_tax { height:15px ; color:#808080 ; font-size:0.750em }
.os_list_wrap_all .os_list_buttons { }
.os_list_wrap_all .os_list_buttons input[type='text'] { width:25px ; vertical-align:middle ; margin-right:6px }
.os_list_wrap_all .os_list_buttons input[type='image'] { vertical-align:middle }
.os_list_wrap_all .os_list_ddoption { width:110px }
.os_list_wrap_all .os_list_ddvendor { width:120px }
.os_list_wrap_all .os_list_ddcats { width:120px }
.os_list_wrap_all .os_list_oldprice { text-decoration: line-through }

.os_list_ship { padding-bottom:12px ; font-size:0.8em ; color:#808080 ; overflow:hidden }
.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:#929292 }
.os_list_shipt9 { color:#929292 }

A.os_list_link1:link , A.os_list_link1:visited { text-decoration:none ; font-weight:600  }
A.os_list_link1:hover { color:#000 ; text-decoration:none }
A.os_list_link2:link , A.os_list_link2:visited { color:#808080 ; text-decoration:none }
A.os_list_link2:hover { color:#000 ;  text-decoration:none }

.os_list_content1_div { padding:6px }
.os_list_content1_div ul { list-style:none ; padding:0 ; margin:0 ; overflow:auto }
.os_list_content1_div ul li { float:left ; padding-right:15px }

.os_list_formtab td { padding: 3px 40px 3px 0 }
.os_list_formdiv hr { color:#e0e0e0 ; border:0 ; height:1px ; margin:20px 0 20px 0 }
.os_list_formdiv text { width:220px }


/* ---------- ALLGEMEIN : Blätterseiten -> Listen und Suchergebnisse */

.os_pages_headwrap { }
.os_pages_footwrap { margin-top:10px ; margin-bottom:10px }

.os_pages_headwrap.list { background:#d7d7d7 }
.os_pages_headwrap.list a:hover { text-decoration:none }
.os_pages_headwrap.list .pline1 { padding: 5px 0 5px 0 }
.os_pages_headwrap.list .pline1 .pleft { font-weight:bold }
.os_pages_headwrap.list .pline1 .pleft a { text-decoration:none }
.os_pages_headwrap.list .pline2 { background:#f5f5f5 ; padding: 8px 0 8px 0 }
.os_pages_headwrap.list .pleft { line-height:30px }
.os_pages_headwrap.list .pright { text-align:right }
.os_pages_headwrap.list .pline1 .pright { line-height:27px }
.os_pages_headwrap.list .pline1 .pright .btn { border:0 ; background:none }

.os_list_navi , .os_pages_act , .os_pages_na { display:inline-block ; padding:0 ; margin:0 ; color:#d7d7d7 ; text-decoration:none }
A.os_list_navi:link , A.os_list_navi:visited { background:#fff ; display:inline-block ; padding:0 ; margin:0 ; color:#000 ; text-decoration:none }
A.os_list_navi:hover { color:#000 ; text-decoration:none }

.os_pages_act  { background:#000 ; color:#fff ; padding:5px }
.os_pages_na { color:#d7d7d7 }

A.os_pages:link , A.os_pages:visited { background:#fff ; display:inline-block ; padding:5px ; margin:0 3px 0 3px ; color:#000 ; text-decoration:none ; border:1px solid #d7d7d7 }
A.os_pages:hover { background:#000 ; color:#fff ; text-decoration:none }


/* ---------- SPEZIAL : Message-Box */

.messagedivbody { overflow:hidden }
.messagedivtarget { overflow:hidden ; font-size:0.857em ; background:#fff ; background-image:url(./../blank.gif) ; width:500px ; height:250px ; display:none ; padding: 20px 10px 10px 20px }
.messagedivtarget div.close { position:absolute ; right:0 ; top:0 ; cursor:pointer ; opacity:1 }
.messagedivtarget .messagedivtitle { margin:0 ; padding: 0 0 30px 0 }
.messagedivtarget .messagedivsubtitle { font-size:1.214em ; font-weight:bold ; padding: 0 0 20px 0 }
.messagedivtarget .messagediverror { color:#ff0000 ; font-weight:bold }
.messagedivtarget .messagedivcontentwrap {  }
.messagedivtarget .messagedivcontentleft { float:left ; width:100px }
.messagedivtarget .messagedivcontentright { float:right ; width:340px }
.messagedivtarget .messagedivbuttonmwrap { padding-top:20px }
.messagedivtarget .messagedivbuttonmwrap a { font-size:0.929em ; margin-right:20px }
.messagedivtarget .messagedivbuttonmwrap a span { width:140px ; line-height:15px }
.messagedivtarget .messagedivcontentright th { font-weight:normal ; text-align:left ; padding: 3px 20px 3px 0 }
.messagedivtarget .messagedivcontentright td { text-align:left ; padding: 3px 0 }

@media ( max-width:767px ) {

	.messagedivtarget { width:90% !important ; min-width:280px !important ; height:auto !important }	
	.messagedivtarget .messagedivcontentleft { float:none ; width:auto }
	.messagedivtarget .messagedivcontentright { float:none ; width:auto }
	.messagedivtarget .messagedivbuttonmwrap a span { width:100% ; margin: 3px 0 }
}


/* ---------- SPEZIAL : Content-Box */

.popupdivbody { overflow:hidden }
.popupdivtarget { display:none ; overflow:hidden ; min-width:300px ; width:95% !important ; height:95% !important ; padding: 10px 20px 0 10px ; background:#fff ; background-image:url(./../blank.gif) }
.popupdivtarget div.close {  position:absolute ; right:0 ; top:0 ; cursor:pointer ; opacity:1 !important }
.popupdivtarget div.close img { opacity:1 }
.popupdiviframe { width:100% ; height:97% !important ; margin:0 ; padding:0 ; overflow:auto }
.popupdivcontentbody { background:#fff ; margin:20px }
.popupdivcontentitle { font-weight:bold ; border-bottom: 1px solid #d7d7d7 ; margin-bottom:20px ; padding-bottom:15px }
.popupdivcontentext { text-align:left ; padding-right:20px }
#exposeMask { background-color:#000 !important ; opacity:0.80 !important }

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

	.popupdivtarget { max-width:850px }
}



/* ---------- SPEZIAL : Auto-Complete */

.ac_results { left:50% !important ; margin-left: -350px !important  ; background:#fff ; padding:4px ; margin-top:15px ; overflow:hidden ; z-index:99999 ; border:1px solid #e1e1e1 ; border-radius:3px ; box-shadow: 0 0 2px 0 #aaa }
.ac_results a { text-decoration:none }
.ac_results ul { width:100% ; list-style-position:outside ; list-style:none ; padding:0 ; margin:0 }
.ac_results li { font-size:0.917em ; margin:0 ; padding:2px 5px ; cursor:default ; display:block ; overflow:hidden }
.ac_results img { width:50px ; margin:2px 10px 2px 0 ; vertical-align:middle ; float:left }
.ac_results b.ctit { font-size:1.167em }
.ac_results .ac_rleft { width:42% ; margin-bottom:12px }
.ac_results .ac_rleft a { display:block ; padding: 2px 0 2px 15px ; overflow:hidden ; border-top: 1px solid #e1e1e1 }
.ac_results .ac_rleft div.tit { display:block ; margin:6px 0 4px 0 }
.ac_results .ac_rright { width:52% }
.ac_loading { background: white url('./../icon_ajax.gif') right center no-repeat }
.ac_odd { }
.ac_over { }


/* ---------- SPEZIAL : Warenkorb leer */

.os_scart_error_empty { display:none ; color:#ff0000 ; border:1px solid #ff0000 ; background:#FFDFDF ; font-weight:bold ; text-align:center ; padding:15px ; margin-bottom:12px }


/* ---------- Bootstrap ---------- */

.affix-bottom { position:relative }
.nav-pills > li + li { margin-left:0px }
.os_newsletter_formgroup .control-label { text-align:left ; font-weight:normal }
.os_newsletter_formgroup .mand .control-label { text-align:left ; font-weight:bold }

.os_home_news .os_content_dott_td { padding-top:10px ; padding-bottom:10px }
.os_all_news .os_content_dott_td { padding-top:10px ; padding-bottom:10px }
.os_short_news .os_content_dott_td { padding-top:10px ; padding-bottom:10px }
.os_short_news .os_news_content, .os_home_news .os_news_content, .os_all_news .os_news_content, .os_detail_news .os_news_content { padding:10px ; padding-left:25px ; margin:0px }
.os_short_news .os_news_content a, .os_home_news .os_news_content a, .os_all_news .os_news_content a, .os_detail_news .os_news_content a { text-decoration:underline }


@media print {

	a[href]:after { content:none }
}


/* ---------- SPEZIAL : Lazy-Load */

.lazy { display:none }


/* ---------- SPEZIAL : Cookie-Bot */

#CybotCookiebotDialog { margin:0 auto !important ; border: 1px solid #000 !important ; -webkit-border-radius:0 !important ; -moz-border-radius:0 !important ; border-radius:0 !important }
#CybotCookiebotDialogBodyButtonAccept { font-size:12.5pt !important }


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