
/* ---------- 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-weight:400 ; font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif ; text-rendering:optimizelegibility ; overflow-x:hidden }

a:hover , a:focus { color:#00943A ; text-decoration:none ; outline:0 }
a { color:#000  ; outline:0 }
*:focus { outline:0 } 

/* Formularemelente */

input { vertical-align:middle }
select , input[type='select'] , input[type='text'] , input[type='password'] , textarea { border: 1px solid #c1c1c1 ; padding:2px }
select , input[type='select'] { background:#fff }
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 }

.form-group.captcha img { min-width:200px ; max-width:310px ; width:100% }
.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:1.750em ; line-height:1 ; margin-bottom:0.75em }
h3 { font-size:1.5em ; line-height:1 ; margin-bottom:1em }
h4 { font-size:1.250em ; 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 ; text-shadow:0 1px 0 #f2f2f2 ; font-weight:bold ; text-align:center ; padding: 0px 10px 3px 10px ; margin:0 ; height:24px ; cursor:pointer }
.os_button_grey_submit:hover { color:#000 ; background:#E6E6E6 }

.os_button_col1_submit { color:#fff ; background:#00943A ; border:0 ; font-weight:bold ; text-align:center ; padding: 8px 16px ; margin:0 ; cursor:pointer }
.os_button_col1_submit:hover { color:#fff ; background:#008000 }

.os_button_col2_submit { color:#fff ; background:#00943A ; border:0 ; font-weight:bold ; text-align:center ; padding: 8px 16px ; margin:0 ; cursor:pointer }
.os_button_col2_submit:hover { color:#fff ; background:#008000 }

.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 ; text-shadow:0 1px 0 #f2f2f2 }
.os_button_grey:hover span { color:#000 ; background:#E6E6E6 ; text-decoration:none ; cursor:pointer }

.os_button_col1 span { color:#fff ; background:#00943A }
.os_button_col1:hover span { color:#fff ; background:#008000 ; text-decoration:none ; cursor:pointer }

.os_button_col2 span { color:#fff ; background:#00943A }
.os_button_col2:hover span { color:#fff ; background:#008000 ; text-decoration:none ; cursor:pointer }

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


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

.os_head_teasertop { color:#000 ; background:#FFEE00 ; font-size:1em ; text-align:center ; padding: 12px 5px }
.os_head_teasertop .os_head_teasertlnk { float:right ; margin: -5px 5px 10px 20px ; font-size:25px }

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

	body { margin-top:30px }
	.os_head_backcheckout { display:none }
	.os_head_big { margin-bottom:15px ; background:#2E2E2E; }
	.os_head_main { z-index:640 ; position:relative ; height:140px }
	.os_head_teaser { z-index:100000 ; position:fixed ; top:0 ; left:0 ; width:100% ; background:#249854 ; color:#fff; }

	/* Navigation */

	.os_head_phone { z-index:650 ; float:left ; margin-left:20px ; color:#fff ; font-size:0.875rem }
	.os_head_phone a { color:#fff ; text-decoration:none ; display:inline-block ; padding: 10px 5px }
	.os_head_phone a:hover { color:#fff ; text-decoration:underline  }
	.os_head_navibox  { z-index:650 ; float:right ; margin-right:20px ; color:#fff ; font-size:0.875rem }
	.os_head_navibox a { color:#fff ; text-decoration:none ; display:inline-block ; padding: 10px 5px }
	.os_head_navibox a:hover { color:#fff ; text-decoration:underline }

	/* Logo */

	.os_head_logobox { z-index:699 ; position:absolute ; top:50px ; left:0 ; width:250px ; height:50px; }
	.os_head_logobox img { height:50px ; width:auto;  }
	.os_head_trust { z-index:699 ; position:absolute ; top:50px ; right:0px }
	.os_head_trust img { height:60px ; width:auto; margin: 0 10px }

	/* Suche */

	.os_head_searchbox { z-index:1 ; position:absolute ; top:55px ; left:230px }
	.os_head_searchbox form { display:inline-block ; background:#fff ; margin: 0 auto }
	#sbbo { border:0 ; width:280px ; height:40px ; padding:4px ; margin:0 ; vertical-align:middle }
	#sbbo::placeholder { color:#808080 ; opacity:1 ; font-style:italic }
	#sbbo:-ms-input-placeholder { color:#808080 ; font-style:italic }
	#sbbo::-ms-input-placeholder { color:#808080 ; font-style:italic }
	#os_search_submit { border:0 ; cursor:pointer; background:#249854 ; height:40px ; padding:8px;  }
	#os_search_submit:hover { background:orange }

	/* Merkliste */

	.os_head_wishbox  { z-index:700 ; position:absolute ; right:210px ; top:55px ; font-size:0.857em }
	.os_head_wishbox a { color:#979797 ; text-decoration:none ; display:inline-block ; padding-top:35px ; background: url(./../main/head_icon_wish_gray.svg) no-repeat ; background-size: 35px 30px ; background-position: top center;  }
	.os_head_wishbox a:hover { color:#fff ; text-decoration:none }
	.os_head_wishbox a.fill:before { position:absolute ; top:4px ; left:28px ; content:"\f00c" ; font-family:'FontAwesome' ; font-size:24px ; color:#000 }

	/* Login */

	.os_head_loginbox  { z-index:700 ; position:absolute ; right:280px ; top:55px ; font-size:0.857em }
	.os_head_loginbox a { color:#979797 ; text-decoration:none ; display:inline-block ; padding-top:35px ; background: url(./../main/head_icon_account_gray.svg) no-repeat ; background-size: 30px 30px ; background-position: top center }
	.os_head_loginbox a:hover { color:#fff ; text-decoration:none }

	/* Warenkorb */

	.os_head_scartbox  { z-index:700 ; position:absolute ; top:55px ; right:125px }
	.os_scshort_popup { display:none ; position:absolute ; width:130px ; margin-top:6px ; border: 1px solid #6C6C6C ; background:#547EB3 }
	.os_head_scartbox .os_head_scarttitle { color:#fff ; padding: 8px 0 10px 15px ; font-weight:bold ; cursor:pointer }
	.os_head_scartbox .os_head_scartcontent { color:#fff ; cursor:pointer ; padding-left:15px }
	.os_head_scartbox .os_head_scartcontent:hover { color:#000 }
	.os_head_scartbox .os_head_scartcontent a { color:#fff ; font-size:0.857em ; text-decoration:none ; display:inline-block ; padding-top:35px ; background: url(./../main/head_icon_scart_gray.svg) no-repeat ; background-size: 30px 30px ; background-position: top center  }
	.os_head_scartbox .os_head_scartcontent a:hover { color:#fff ; text-decoration:none }
	.os_head_scartbox .os_head_scartcontent a span { display:flex ; align-items:center ; justify-content:center ; position:absolute ; top:-6px ; right:1px ; color:#fff ; background:#00943A ; font-size:0.929em ; width:24px ; height:24px ; border-radius:50% }
	#os_head_scartlink { display:block }
	#os_head_scartpop { z-index:11000 ; display:none ; position:absolute ; margin: 0 0 0 -290px ; width:380px ; font-size:0.929em }
	#os_head_scartpop .os_head_scartajaxdiv { border:2px solid #000 ; background:#fff }
	#os_head_scartpop .os_head_scartt1titel { display:none ; color:#fff ; background:#000 ; padding:5px }
	#os_head_scartpop .os_head_scartt1div { max-height:270px ; overflow:auto ; border-bottom:1px solid #e1e1e1 ; padding:10px }
	#os_head_scartpop .os_head_scartt1ajax { width:100% }
	#os_head_scartpop .os_head_scartt1ajax tr { cursor:pointer }
	#os_head_scartpop .os_head_scartt1ajax td { padding:2px ; border-bottom:1px dotted #e1e1e1 }
	#os_head_scartpop .os_head_scartt1ajax tr:last-child td { border:0 }
	#os_head_scartpop .os_head_scartt1ajax img { width:50px }
	#os_head_scartpop .os_head_scartt1ajax a { text-decoration:none ; color:#333 ; font-weight:normal }
	#os_head_scartpop .os_head_scartt2div { padding:10px ; text-align:right }
	#os_head_scartpop .os_head_scartt2div .os_button_col1 span { height:30px }
	.os_scshort_popup { display:none ; position:absolute ; width:130px ; margin-top:6px ; border: 1px solid #6C6C6C ; background:#547EB3 }

	/* Horizontale Produktnavi */

	.os_head_navi { z-index:610 ; position:relative ; margin: 5px 0 15px 0 ; padding:0 ; color:#fff ; background:#222222;  }
	#os_head_prodbox > ul { z-index:19998 ; display:flex ; justify-content:space-between ; list-style:none ; margin:0 ; padding:0 ; text-align:center }
	#os_head_prodbox > ul > li { flex-grow:1 ; display:inline-block ; text-align:center }
	#os_head_prodbox > ul > li > a { padding: 10px ; display:inline-block ; color:#fff ; font-size:.925rem ; font-weight:400 ; text-decoration:none }
	#os_head_prodbox > ul > li:hover > a { color:#fff ; background:orange; }

	#os_head_prodbox > ul > li > ul { display:none ; z-index:19999 ; position:absolute ; list-style:none ; padding:0 ; width:280px ; background:#007a33 ; padding:.5rem }
	#os_head_prodbox > ul > li > ul i { display:none ;}
	#os_head_prodbox > ul > li > ul > li { float:none ;  text-align:left ; background:#007a33 ; width:100% ; border-bottom: 1px solid #fff }
	#os_head_prodbox > ul > li > ul > li:last-of-type { border-bottom:0px }
	#os_head_prodbox > ul > li > ul > li > a { font-size:1.071em ; font-weight:normal ; padding: 6px 0 ; display:block ; color:#fff ; border:0 ; margin:0 }
	#os_head_prodbox > ul > li > ul > li > a:hover { color:#fff ; background:orange; }
	#os_head_prodbox > ul > li > ul > li i { margin-right:10px }

	#os_head_prodbox .actA > a , #os_head_prodbox .act > a { background:#249854; color:#fff }
	#os_head_prodbox .os_head_prod_Marken > ul { width:550px }
	#os_head_prodbox .os_head_prod_Marken > ul > li { float:left ; width:50% }
}

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

	.os_head_trust { z-index:699 ; position:absolute ; top:35px ; right:0px }
	.os_head_trust img { height:82px ; width:auto; margin: 0 10px }
	.os_head_scartbox  { top:50px ; right:175px }
	.os_head_wishbox  { right:265px ; top:50px ; font-size:0.857em }
	.os_head_loginbox  { right:345px ; top:50px ; font-size:0.857em }
	.os_head_logobox { top:40px }
	.os_head_logobox img { height:75px ; height:auto; }
	.os_head_searchbox { z-index:1 ; position:absolute ; top:60px ; left:400px }

	#sbbo { width:280px }
	#os_head_prodbox ul > li > a { font-size:1rem ; font-weight:400 ; text-transform:uppercase }
}

/* Bootstrap XS SM */

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

	.os_head_small { padding-top:10px ; background:  #2E2E2E; } 

	.os_head_small .os_head_main > div { padding:0 }
	.os_head_small .os_head_main .logo .logo_small { max-height:50px ; margin: 8px 0 8px 0 }
	.os_head_small .os_head_main .icon { margin-top:16px }
	.os_head_small .os_head_main .icon .icon_login { width:27px ; height:27px ; margin-top:6px;}
	.os_head_small .os_head_main .icon .icon_wishlist { width:27px ; height:27px ; margin-top:6px;}
	.os_head_small .os_head_main .icon .icon_scart { width:32px ; height:32px ; margin-top: -8px; margin-right:4px ;  }
	.os_head_small .os_head_main .icon .black_disk { display:flex ; align-items:center ; justify-content:center ; position:absolute ; top:-12px ; right:-3px ; color:#fff ; background:#00943A ; font-size:0.929em ; width:22px ; height:22px ; border-radius:50% }

	.os_head_small .os_head_search { padding:5px 5px 0 5px ; margin: 5px 0 3px 0 ; background:#f5f5f5 ; background:#249854; }
	.os_head_small .os_head_search .btn { border:0 ; background:none ; padding:0 ; overflow:hidden }
	.os_head_small .os_head_search .btn-right { background:#fff ; border:1px solid #c1c1c1 ; border-left:0 ; border-radius:0 }
	.os_head_small .os_head_search form { width:100% ; padding:0 ; margin: 3px 0 8px 0 ; -webkit-box-shadow: none; box-shadow: none;}
	.os_head_small .os_head_search .search { width:100% }
	.os_head_small .os_head_search .search .input-group-btn { width:40px }
	.os_head_small .os_head_search .search input , .os_head_small .os_head_search .search button { padding:0 ; margin:0 ; display:inline-block ; height:40px }
	.os_head_small .os_head_search .search input { width:100% ; border-right:none ; border-radius:0 ; box-shadow:none ; -webkit-appearance:none }
	.os_head_small .os_head_search .search button { width:40px }
	.os_head_small .os_head_search .search .menu img { width:30px ; height:20px ; margin-right:15px }
	.os_head_small .os_head_search .search .search img { width:25px ; height:25px ; margin:4px }
	.os_head_small .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:#000 ; -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: 20px 0 20px 10px ; border-top:1px solid #fff }
	#os_headxs_prod b { display:block ; margin: 10px 0 0 10px }
	#os_headxs_prod a { display:block ; color:#fff ; padding-top:12px ; padding-bottom:12px ; border-bottom:1px solid #fff }
	#os_headxs_prod a:hover { background:#5B5B5B }
	
	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) }
}


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

.os_foot_main { margin-top:0 }
.os_foot_main .os_foot_all { color:#e3e3e3 ; background:#0F0F0F ; font-size:1rem ; padding-bottom:50px; }
.os_foot_main .os_foot_all .wrapper { padding-top:40px ; padding-bottom:40px }
.os_foot_main .os_foot_all .wrapper .logo img  {max-width:280px; margin-bottom:1.5rem;  }
.os_foot_main .os_foot_all .wrapper .siegel img  {margin-right: 1rem; height:75px; width:auto; }
.os_foot_main .os_foot_all .content a { color:#e3e3e3 ; text-decoration:none }
.os_foot_main .os_foot_all .content a:hover { color:#249854 ; text-decoration:none }
.os_foot_main .os_foot_all .content .cols ul li { padding: 8px 0 }
.os_foot_main .os_foot_all .content .cols p { display:block ; margin-top:15px ; margin-bottom:15px ; font-size: 1.125rem; font-weight:bold ; text-transform:uppercase }
.os_foot_main .os_foot_all .content a i {background:#626664; color:#fff; font-size:24px; padding:8px 12px; }
.os_foot_main .os_foot_all .content a i:hover { background:#249854 }

.os_foot_main .os_foot_all .divider { display: block; width:100%; height:1px; border-top:1px solid #249854; margin:1rem 0; }
.os_foot_main .os_foot_all .subline { font-weight:200; font-size:.975rem ; line-height:135% }

@media ( max-width:767px ) {

	.os_foot_main .os_foot_all .content .cols p.os_foot_navi_tit { cursor:pointer }
	.os_foot_main .os_foot_all .content .cols p.os_foot_navi_tit:after { font-family:FontAwesome ; content: "\f107" ; margin-left:10px }
	.os_foot_main .os_foot_all .content .cols p.os_foot_navi_act:after { font-family:FontAwesome ; content: "\f106 " ; margin-left:10px }
}


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

.os_content_all .content > .row { background:#fff ; margin:0 ; padding: 25px 0 40px 0 }

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

	.os_content_all .content > .row { background:#fff ; margin:0 ; padding: 20px 0 60px 0 }
	.os_main_shop { padding:0 }
}


/* LINKE SPALTE */

.os_main_left_td { min-height:50px ; padding: 0 15px 0 0 }
.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 { color:#000 ; text-decoration:none ; display:block }
.os_main_left_td .os_service_content a:hover { color:#2B558A ; text-decoration:none }


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

.os_main_shop { padding-right:0 }


/* ---------- 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.286em ; color:#9E233E }
.os_content_div { border: 1px solid #d7d7d7 ; padding:15px ; margin-bottom:12px ; min-height:0 }
.os_content_div2 { padding:0 ; border:0 }
.os_content_div3 { padding:0 }
.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.929em }
.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; padding:15px ; margin-top:30px ; border:0 ; height:auto ; border: 1px solid #e1e1e1 }
.os_list_wrap_all:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(217,217,217,0.80) ; -moz-box-shadow: 0px 0px 10px 0px rgba(217,217,217,0.80) ; box-shadow: 0px 0px 10px 0px rgba(217,217,217,0.80) }
.os_list_wrap_all .os_list_box1_all { padding: 0 0 35px 0 ; text-align:center ; position:relative }
.os_list_wrap_all .os_list_box1_all .thumb { width:80% ; max-width:300px ; height:auto }
.os_list_wrap_all .os_list_box2_all { background:#EDEDED; margin:-15px; padding:15px; text-align:center }
.os_list_wrap_all .os_list_mark { position:absolute ; top:-15px ; right:-15px ; z-index:100;  }
.os_list_wrap_all .os_list_mark1 { position:absolute ; top:-15px ; right:-15px ; z-index:100 ; background: url('/shop/images/products/kategorien/listpng/bg-list-mark-1.png') ; color:#fff ; padding: 0px ; width:50px; height:50px; text-align:center; }
.os_list_wrap_all .os_list_mark1 a { display:block; width:100%; height:100%; text-align:center; transform: rotate(45deg) ; color:#fff; padding-top: 5px; transform-origin: center; font-weight:800; }
.os_list_wrap_all .os_list_offer { float:right ; margin-top:-8px }
.os_list_wrap_all .os_list_title { height:85px ; overflow:hidden }
.os_list_wrap_all .os_list_text { height:80px ; overflow:hidden ; font-size:0.929em ; padding-bottom:20px }
.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:#249853 ; padding-bottom:8px ; font-weight:800 ; font-size:1.25rem ; min-height: 60px;}
.os_list_wrap_all .os_list_price2 .pricepre { font-weight:normal }
.os_list_wrap_all .os_list_pricen { color:#000 ; padding-bottom:8px ; font-weight:normal ; font-size:0.857em }
.os_list_wrap_all .os_list_tax { font-size:0.857em ; height:18px }
.os_list_wrap_all .os_list_buttons { height:30px ; margin-top:15px }
.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 }

@media ( max-width:767px ) {
	.os_list_wrap_all .os_list_title { height:auto }
}

.os_list_ship { height:40px ; padding: 6px 0 ; font-size:0.857em ; font-weight:600 ; 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:#FF0000 }
.os_list_shipt9 { color:#FF0000 }

a.os_list_link1 { font-size:1.071em ; text-decoration:none ; font-weight:700  }
a.os_list_link1:hover { color:#000 ; text-decoration:none }
a.os_list_link2 { 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 }
.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 }
.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 { display:inline-block ; padding:0 ; margin:0 ; color:#000 ; text-decoration:none }
a.os_list_navi:hover { color:#00943A ; text-decoration:none }

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

a.os_pages { background:#fff ; display:inline-block ; padding:5px ; margin: 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 ; border: 8px solid #838383 ; border-radius:5px ; -moz-border-radius:5px ; 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 { z-index:99999 ; left:50% !important ; margin-left: -350px !important ; background:#fff ; padding:4px ; margin-top:15px ; overflow:hidden ; 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.929em ; 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.143em }
.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 ---------- */

.mm-slideout { z-index:auto !important }
.alert { border-radius:0 }
.affix-bottom { position:relative }
.os_newsletter_formgroup .control-label { text-align:left ; font-weight:normal }
.os_newsletter_formgroup .mand .control-label { text-align:left ; font-weight:600 }

@media print {

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


/* ---------- SPEZIAL : Pfeil nach unten */

.os_icon_down { border-left: 4px solid rgba(0,0,0,0) ; border-right: 4px solid rgba(0,0,0,0) ; border-top: 4px dashed ; display:inline-block ; height:0 ; margin-left:2px ; vertical-align:middle ; width:0 }


/* ---------- SPEZIAL : Zuletzt angeschaut */

#os_app_prodlast_button { display:none ; color:#fff ; background-color:#00943A ; padding:10px ; font-size: 1.143em ; cursor:pointer ; cursor:hand }
#os_app_prodlast_content { display:none ; background-color:#fff ; border-bottom: 4px solid #00943A }
#os_app_prodlast_content .head { background-color:#00943A ; color:#FFfffF ; font-size:1.143em ; padding:10px ; margin:0 }
#os_app_prodlast_content .data { background-color:#fff }
#os_app_prodlast_content .data li { float:left ; width:150px ; text-align:center ; margin: 0 15px 15px 15px }
#os_app_prodlast_content .data li img { margin:15px 0 }


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

#CybotCookiebotDialog { border: 3px solid #000 !important }
#CybotCookiebotDialog :focus-visible { outline:none !important }
#CybotCookiebotDialogPoweredbyCybot svg { display: none !important }
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper { justify-content:flex-start !important }


/* ---------- SPEZIAL : Top Auto Hide */

#autohidebacktotop { display:none ; position:fixed ; bottom:220px ; right:20px }
#autohidebacktotop img { display:block ; width:38px ; height:38px }
#autohidebacktotop a { display:block }
#autohidebacktotop .atscart { position:relative ; margin-bottom:15px }
#autohidebacktotop .atscart span { display:flex ; align-items:center ; justify-content:center ; position:absolute ; top:-6px ; right:-6px ; color:#fff ; background:#00943A ; font-size:0.929em ; width:22px ; height:22px ; border-radius:50% }

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

	#autohidebacktotop { bottom:10px ; right:15px }
}


/* ---------- SPEZIAL : Side-Label */

.os_sidelable { z-index:99999 ; position:fixed ; right:0px ; top:300px ; color:#000 }
.os_sidelable_button_open { position:relative ; z-index:101 ; cursor:pointer ; background:url(./../main/side_back1new2.png) no-repeat top right ; width:41px ; height:275px ; color:#000 ; float:right }
.os_sidelable_button_close { position:relative ; z-index:102 ; cursor:pointer ; background:url(./../main/side_back2new2.png) no-repeat top right ; width:41px ; height:275px ; color:#FFF ; float:right ; display:none }
.os_sidelable_outer { display:none ; position:relative ; z-index:100 ; margin: 0 -15px 0 0 ; background-color:#f2f2f2 ; padding:0px ; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.24) ; overflow:hidden ; width:auto ; height:auto ; float:left ; border:1px solid #e1e1e1 }
.os_sidelable_content { background-color:#f2f2f2 ; padding:20px ; clear:both ; width:200px ; line-height:1.4 ; font-size:16px }
.os_sidelable_content a { text-decoration:none }

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

	.os_sidelableXX { right:15px }
}


/* ---------- SPEZIAL : Hilfsklassen */

/* Hilfsklassen */ 

.extend-full-width { position: relative ; margin-left: calc(50% - 50vw) ; margin-right: calc(50% - 50vw) ; padding-top: 0px ; padding-bottom: 0px }

.extender { position: relative; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: calc(50vw - 50%) ; padding-right: calc(50vw - 50%) }
.spacer {position:relative; display:block; width:100%; height:60px; }

.bg-accent { background: #EAEAEA ; padding-top:2rem; padding-bottom:2rem }
.bg-dark {background: #303030 ; padding-top:3rem; padding-bottom:3rem; color:#fff }

/* Footer Newsletter */

.os_foot_nl h2 { font-weight:800; text-transform:uppercase; margin-top:12px; }
.os_foot_nl p { line-height:150% }
.os_foot_nl figure { margin-bottom:1rem; }
.os_foot_nl a.button { display:inline-block; font-weight:800; background:#00943A; color:#fff; font-size:1.25rem; text-decoration:none; padding:.5rem 1rem ; margin: 1rem 0 }
.os_foot_nl a.button:hover { background:orange }
.os_foot_nl img { max-width:100%; height:auto; }

/* footer logos */
.os_foot_vendorwrapper { padding-bottom:1rem; }
.os_foot_vendorwrapper .hl_partner { display:inline-block ; margin-top:1rem ; font-weight:800 ; color:#249854 }
.os_foot_vendorwrapper a { display:block; padding:25px 20px; text-align:center;  width:100%; text-align:center;  }
.os_foot_vendorwrapper a img { height:40px; width:auto; max-width:100%; margin:auto; }
.carousel-showmanymoveone .carousel-control { width: 4%; background-image: none; z-index:999}
.carousel-showmanymoveone .carousel-control.left { margin-left: -10px; }
.carousel-showmanymoveone .carousel-control.right { margin-right: -10px; }
.carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3 { display: none; }
.carousel .item .col-xs-12 { padding: 0; }

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) { .carousel .item .col-xs-12:nth-last-child(-n+2) { display: none; } }

@media all and (min-width: 768px) {
	.carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev { left: -50%; }
	.carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next { left: 50%; }
	.carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right,
	.carousel-showmanymoveone .carousel-inner > .active { left: 0; }
	.carousel-showmanymoveone .carousel-inner .cloneditem-1 { display: block; }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
	.carousel-showmanymoveone .carousel-inner > .item.active.right,
	.carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0; }
	.carousel-showmanymoveone .carousel-inner > .item.active.left,
	.carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0; }
	.carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right,
	.carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; }
}

@media all and (min-width: 992px) {
	.carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev { left: -16.6%; }
	.carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next { left: 16.6%; }
	.carousel-showmanymoveone .carousel-inner > .active { left: 0; }
	.carousel-showmanymoveone .carousel-inner .cloneditem-2, .carousel-showmanymoveone .carousel-inner .cloneditem-3 { display: block; }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
	.carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(16.6%, 0, 0); transform: translate3d(16.6%, 0, 0); left: 0; }
	.carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-16.6%, 0, 0); transform: translate3d(-16.6%, 0, 0); left: 0; }
	.carousel-showmanymoveone .carousel-inner > .item.left,
	.carousel-showmanymoveone .carousel-inner > .item.prev.right,
	.carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; }
}



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