/*
CSS OPTIMIZED/VALIDATED
02-08-2018
3090 Lines
*/

html,body
{
    margin: 0;
    padding: 0;
    height: 100%;
}
body
{
    background: #FFF;
    color: #333;
    font-family: Arial;
    font-size: 12px
}
*
{
    font-size: 14px
}
ul
{
    margin: 0;
    padding: 0
}
h1,h2,h3,h4,h5,h6
{
    text-transform: uppercase
}
h1
{
    color: #333;
    font-size: 18px;
    font-weight: 400
}
h2,h3
{
    color: #153;
    font-size: 15px
}
a,a:hover
{
    color: #475;
    display: inline-block;
    font-weight: 400;
    text-decoration: none
}
button,.button,.button_produkt,input[type=submit]
{
    background-color: #153;
    border: none;
    color: #FFF!important;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans',sans-serif!important;
    white-space: normal;
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase
}
button:hover,.button:hover,input[type=submit]:hover
{
    background-color: #475
}
table
{
    width: 100%
}
strike
{
	color: #FF0000;
}
textarea
{
	resize: vertical;
}
.sticky
{
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0
}
#header
{
    height: 30px;
    padding: 0;
    background-color: #EEE;
}
#header ul
{
    overflow: hidden;
    padding: 0
}
#header ul > li
{
    float: right;
    line-height: 30px;
    list-style-image: none;
    list-style-type: none;
    padding: 0
}
#header ul > li:hover
{
    background-color: #475
}
#header ul > li:hover a
{
    color: #FFF
}
#header ul > li > a
{
    color: #AAA;
    display: block;
    height: 30px;
    padding: 0 10px;
    text-decoration: none
}
#navigation_wrapper
{
    background-color: #153;
    min-height: 40px;
    z-index: 999
}
#navigation
{
    margin: 0;
    padding: 0;
    position: absolute
}
#navigation li
{
    float: left;
    list-style-image: none;
    list-style-type: none;
    position: relative
}
#navigation li.aktiv
{
    background-color: #579A14
}
#navigation li a
{
    color: #FFF;
    display: block;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    line-height: 40px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase
}
#navigation li:hover
{
    background-color: #475
}
/*TODO mobile navigation + jquery*/
#navigation_mobile
{
	position: fixed;
    left: 0;
    display: none;
    background-color: #FFF;
    z-index: 9999;
    max-width: 75%;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    width: 500px;
	border-right: 5px solid #153;
}
#navigation_mobile::-webkit-scrollbar
{
	display: none;
}
#navigation_mobile > ul li
{
	line-height: 30px;
    padding-left: 30px;
    list-style-type: none;
}
#navigation_mobile > ul > li
{
	padding-left: 0px;
}
#navigation_mobile *
{
	opacity: 0;
}
#navigation_mobile ul:not([data-level="0"])
{
	display: none;
}
#navigation_mobile a
{
	font-size: 16px;
    width: calc(100% - 35px);
    margin-right: 10px;
    padding-left: 5px;
}
#navigation_mobile .aktiv > a, #navigation_mobile .aktiv_ukat > a
{
	background-color: #333;
    color: #FFF;
}
#navigation_warenkorb
{
    background: url(../Labels/background.jpg);
	background-color: #c6beb3;
    position: relative;
    z-index: 899;
}
#navigation_warenkorb img
{
    margin: 10px;
}
#warenkorb_suche_form
{
	position: absolute;
    top: 0;
    left: 300px;
    display: flex;
    height: 100%;
    align-items: center;
}
#warenkorb_suche_form button
{
	width: 25px;
    height: 25px;
    display: flex;
    padding: 0;
    justify-content: center;
    position: absolute;
    right: 2px;
    background-color: unset;
}
#warenkorb_suche_form .fa
{
	font-size: 20px;
    color: #333;
}
#warenkorb_suche_form input[type=text]
{
    background-color: #fff;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    color: #777;
    display: block;
    font-size: 14px;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out .15s
}
#warenkorbvorschau
{
    color: #FFF;
    text-decoration: none;
    display: flex;
	top: 0;
	right: 25px;
	width: 145px;
	position: absolute;
	height: 100%;
	align-items: center;
}
#warenkorbvorschau p
{
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-right: 10px;
    text-transform: uppercase
}
#content
{
    padding: 10px 0
}
#footer
{
    background-color: #153;
    margin-top: 20px;
    overflow: hidden;
    padding: 10px 0
}
#footer > div h3
{
    border-bottom: 3px solid #FFF;
    color: #BBB;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
    padding-bottom: 10px
}
#footer a
{
    color: #FFF;
    font-size: 14px;
    text-decoration: none
}
#footer a:hover
{
    color: #475;
    font-weight: 700
}
#footer p
{
    border-top: 1px solid #fff;
    color: #FFF;
    font-size: 14px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase
}
#footer_row div
{
    float: left;
    margin-bottom: 20px
}
#footer_row div > ul > li
{
    color: #FFF;
    font-size: 14px;
    line-height: 30px;
    list-style-image: none;
    list-style-type: none
}
#navigation ul
{
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 12px 18px rgba(0,0,0,.35);
    float: left;
    font-size: 14px;
    list-style: none;
    margin-top: 0;
    min-width: 245px;
    position: absolute;
    position: absolute;
    right: auto;
    text-align: left;
    top: 100%;
    top: 40px;
    width: 245px;
    z-index: 1000
}
#navigation ul > li,#navigation ul > li.aktiv
{
    float: left;
    list-style-image: none;
    list-style-type: none;
    padding: 10px;
    width: 225px
}
#navigation ul > li > a
{
    border-bottom: 2px solid #e7e7e7;
    color: #535353;
    display: block;
    font-size: 14px;
    height: auto;
    padding: 0;
    white-space: normal
}
#navigation ul li.aktiv a,#navigation ul li:hover a
{
    color: #FFF
}
#navigation ul li.aktiv
{
    background-color: #579A14
}
#navigation li.over > ul
{
    left: 0
}
#navigation li.over > ul li.over > ul
{
    left: 137px
}
#navigation ul ul
{
    top: -1px;
    z-index: 300000
}
#navigation ul ul li
{
    z-index: 400000
}
#navigation ul ul ul
{
    top: -1px;
    z-index: 300000
}
#navigation ul ul ul li
{
    z-index: 400000
}
#navigation li.over > ul li.over > ul li.over > ul
{
    left: 138px!important
}

/*new navigation*/
#navigation > li > ul
{
	display: none;
}
.selectbox,.selectbox option
{
    -moz-appearance: none!important;
    -webkit-appearance: none!important;
    -webkit-box-sizing: border-box;
    border: 0!important;
    box-sizing: border-box;
    display: block;
    padding-right: 12px
}
.shouldNotSee
{
	display: none;
}
#artikeluebersicht
{
    border-bottom: 2px solid #153;
    height: 50px;
    margin-bottom: 20px
}
#artikelproseite
{
    float: right!important;
    margin-left: 9px!important
}
#artikelproseite_labels,#artikelproseite_labels span
{
    display: inline-block;
    font-size: 18px;
    height: 50px;
    line-height: 50px
}
#artikelproseite_labels
{
    float: right
}
#artikelproseite_labels a
{
    color: #333;
    font-size: 18px;
    margin: 4px
}
#artikelproseite_labels a:hover,.seite_aktiv
{
    color: #475!important;
    font-weight: 700
}
.artikel_listing
{
    border-bottom: 2px solid #DDD;
    margin-bottom: 20px;
    padding: 10px;
    position: relative
}
.artikel_listing p.titel
{
    font-weight: 700;
    margin-bottom: 6px;
    max-height: 52px;
    text-transform: uppercase
}
.artikel_listing .imagelist img
{
    max-height: 180px;
    max-width: 180px;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}
.artikel_listing .imagelist,.artikel_listing .imagelist a
{
    text-align: center;
}
.artikel_listing .imagelist
{
    display: inline-block;
    height: 200px;
    position: relative
}
.artikel_listing .imagelist > span
{
    height: 100%;
}
.artikel_listing div > p
{
    font-family: Open_Sans_300,sans-serif!important;
    font-weight: 400;
    overflow: hidden
}
.artikel_listing div > span
{
    display: block;
    font-family: Open_Sans_300,sans-serif!important
}
.titel
{
    font-size: 15px
}
#cookie-hinweis
{
    -moz-box-shadow: 0 0 5px #666;
    -webkit-box-shadow: 0 0 5px #666;
    background-color: #E1E1E1;
    border-top: 5px solid #153;
    bottom: 0;
    box-shadow: 0 0 5px #666;
    overflow: hidden;
    padding: 10px;
    position: fixed;
    text-align: center;
    width: calc(100% - 20px);
    z-index: 100
}
#cookie-hinweis.animate
{
    margin-bottom: 0
}
#cookie-hinweis.static
{
    margin-bottom: 0
}
#cookie-hinweis h2
{
    color: #2D2D2D;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px;
    text-shadow: 1px 1px #FFF
}
#cookie-hinweis input[type=submit]
{
    margin-left: 10px
}
#page,#container
{
    vertical-align: top;
    width: 100%;
	padding: 0;
}
#page
{
	padding: 5px 0 0 0;
}
#page ul
{
    margin-left: 25px
}
#page input[type=text],
#page input[type=password],
#page input[type=file],
#page textarea
{
	width: calc(100% - 20px);
	max-width: 300px;
}
#page > img
{
	max-width: 100%;
}
#artikeluebersicht select
{
    float: left;
    margin-top: 16px
}
.shopfilter > div ul li
{
    clear: both;
    cursor: pointer;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    list-style-image: none;
    list-style-type: none
}
.shopfilter > div ul li *
{
    float: left;
    margin: 3px 10px 0 0
}
.shopfilter > div:not(#filter_farbe) ul
{
    max-height: 200px;
    overflow-x: hidden
}
#produktdetail_daten
{
    display: inline-block;
    max-width: 1170px;
    min-height: 300px;
    width: 100%;
    position: relative;
}
#produktdetail_text > h1
{
    font-size: 22px;
    max-height: 105px;
    overflow: hidden
}
#produktdetail_preis > span
{
    font-size: 30px
}
#produktdetail_bild > img
{
    cursor: pointer;
    max-height: 550px;
    max-width: 100%
}
.warenkorb-galerie
{
    float: left;
    margin: 10px 0;
    padding: 0
}
.warenkorb-galerie li
{
    border: 2px solid #F0F0F0;
    cursor: pointer;
    float: left;
    height: 50px;
    list-style-image: none;
    list-style-type: none;
    margin: 3px;
    padding: 5px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.warenkorb-galerie li:hover
{
    border-color: #475
}
.warenkorb-galerie li a
{
    display: block
}
.warenkorb-galerie li img
{
    max-height: 47px;
    max-width: 47px
}
.error
{
    border: solid 1px #F00000;
    color: #333;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    width: 90%
}
.error strong
{
    color: #F00000
}
ul.tab
{
    height: 31px;
    margin: 0;
    overflow: hidden;
    padding: 5px 0 0
}
ul.tab li
{
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #fff;
    color: #999;
    cursor: pointer;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    line-height: 29px;
    list-style-image: none;
    list-style-type: none;
    padding: 0 8px;
    text-transform: uppercase
}
ul.tab li.aktiv
{
    -moz-box-shadow: 1px 0 6px #ccc;
    -webkit-box-shadow: 1px 0 6px #ccc;
    border: 1px solid #d6d6d6;
    border-bottom: 1px solid #fff;
    box-shadow: 1px 0 6px #ccc;
    color: #333
}
.tabcontent
{
    clear: both;
    min-height: 200px;
    padding: 15px 0
}
.tabcontent ul
{
    padding-left: 16px
}
.tabcontent ul li
{
    list-style-image: none;
    list-style-type: disc
}
input[type=text],input[type=password],input[type=file],select,textarea
{
    background-color: #FFF;
    border: 1px solid #5C5C5C;
    border-radius: 5px;
    color: #5C5C5C;
    font-family: 'Open Sans',sans-serif;
    padding: 3px 9px;
    width: 160px
}
select
{
    width: 100%;
    max-width: 320px;
}
sup
{
    color: #F00000
}
#produktdetail_preis,#lageranzeige
{
    margin: 20px 0
}
.lager-1 {color: #FF0000; text-shadow: 0px 0px 3px black;}
.lager0  {color: #FFFFFF; text-shadow: 0px 0px 3px black;}
.lager1  {color: #FF0000; text-shadow: 0px 0px 3px black;}
.lager2  {color: #FFFF00; text-shadow: 0px 0px 3px black;}
.lager3  {color: #08F200; text-shadow: 0px 0px 3px black;}

.notice
{
    border: solid 1px #ccc;
    color: #333;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    width: 90%
}
.notice strong
{
    color: #ccc
}
.success
{
    border: solid 1px green;
    color: #333;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    width: 90%
}
.success strong
{
    color: #39842F
}
.warenkorb_vorgang
{
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    height: 50px;
    margin: 0 0 50px !important;
    text-align: center
}
.warenkorb_vorgang li
{
    cursor: pointer;
    float: left;
    list-style-image: none!important;
    list-style-type: none!important;
    width: 25%
}
.warenkorb_vorgang li *
{
    line-height: 50px
}
.warenkorb_vorgang li font
{
    color: #000;
    font-size: 14px
}
.warenkorb_vorgang li strong
{
    color: #153;
    font-size: 14px
}
.button_del,.button_del:hover
{
    background-color: #fff;
    border: 1px solid red;
    color: red;
    cursor: pointer;
    display: block;
    display: inline-block;
    font-size: 13px!important;
    font-weight: 700;
    height: 15px!important;
    line-height: 13px!important;
    margin-left: 5px;
    text-align: center;
    text-decoration: none;
    width: 15px!important
}
ul.vorteile li,ul.nachteile li
{
    font-size: 14px;
    list-style: none;
    margin: 5px 0
}
ul.vorteile li i
{
    color: #153
}
ul.nachteile li i
{
    color: #F00000
}
#lieferarten td
{
    white-space: normal
}
.greenbox
{
    background-color: #EBEBEB;
    border: 2px solid #153;
    display: inline-block;
    float: left;
    margin-top: 10px;
    padding: 5px
}
.greenbox div
{
    font-weight: 700;
    margin-bottom: 10px
}
.greenbox table
{
    border: none;
    width: 100%
}
.greenbox table tr td
{
    padding: 2px;
    width: unset
}
.greenbox table tr td:first-child
{
    font-weight: 700
}
.greenbox button
{
    float: right
}
.greenbox textarea
{
    height: 100px;
    resize: vertical;
    width: calc(100% - 20px)
}
.warenkorb_ubersicht1
{
	text-align: center
}
#agbs_widerruf_4
{
    margin-bottom: 20px
}
.image_gallery
{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    display: none;
	background-color: rgba(0, 0, 0, 0.9);
	justify-content: center;
    align-items: center;
}
.image_gallery_div
{
    width: 100%;
    max-width: 800px;
	height: 90vh; /*fixed height viewport*/
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.image_gallery_div > div
{
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.image_gallery_close
{
	position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 65px;
    cursor: pointer;
    text-align: center;
}
.image_gallery img
{
	max-width: 100%;
    max-height: 100%;
}
.image_gallery span
{
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 65px;
	cursor: pointer;
}
.image_gallery i
{
	font-size: 35px;
    color: #FFF;
}
/*.image_gallery > img
{
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 600px;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 25px)
}*/
.zoompad
{
    cursor: crosshair;
    float: left;
    position: relative;
    z-index: 99
}
.zoompreload
{
    -moz-opacity: .8;
    background-color: #fff;
    background-image: url("../images/zoomloader.gif");
    background-position: 43px 30px;
    background-repeat: no-repeat;
    border: 1px solid #CCC;
    color: #333;
    font-family: "Tahoma";
    font-size: 12px;
    height: 43px;
    left: 0;
    opacity: .8;
    padding: 8px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 90px;
    z-index: 110;
    *height: 49px;
    *width: 100px
}
.zoompup
{
    -moz-opacity: .6;
    background-color: #FFF;
    border: 1px solid #CCC;
    cursor: crosshair;
    opacity: .6;
    overflow: hidden;
    position: absolute;
    z-index: 120;
    z-index: 101
}
.zoomoverlay
{
    background: #FFF;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5000;
    z-index: 101
}
.zoomwindow
{
    background: #FFF;
    height: auto;
    left: 110%;
    position: absolute;
    top: 40px;
    z-index: 6000;
    z-index: 10000;
    z-index: 110
}
.zoomwrapper
{
    border: 1px solid #999;
    position: relative;
    z-index: 110
}
.zoomwrappertitle
{
    -moz-opacity: .6;
    background: #999;
    color: #FFF;
    display: block;
    font-size: 10px;
    height: 18px;
    left: 0;
    line-height: 18px;
    opacity: .6;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 120
}
.zoomwrapperimage
{
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 110
}
.zoomwrapperimage img
{
    border: 0;
    display: block;
    position: absolute;
    z-index: 101
}
.zoomiframe
{
    -moz-opacity: .8;
    display: block;
    filter: alpha(opacity=0);
    opacity: .8;
    position: absolute;
    z-index: -1
}
.slideshow_box
{
    margin-bottom: 20px;
    width: 980px!important
}
#slides
{
	height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: block;
}
#slides img
{
	width: 100%;
	position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
}
.slides_container
{
    height: 100%;
    width: 100%;
}
.slides_container > div > div
{
    display: block;
    height: 360px;
    width: 980px
}
.slides_container div a.img img
{
    float: left;
    margin-right: 10px;
    max-height: 288px;
    max-width: 250px
}
.slides_container div.desc
{
    height: 110px!important;
    overflow: hidden
}
.slides_container > div > div big
{
    color: red;
    display: block;
    font-weight: 700;
    margin: 10px 0;
    text-shadow: 1px 1px #ddd
}
.slides_container > div > div a
{
    text-decoration: none
}
#slides .next,#slides .prev,#slides .angebot_button
{
	bottom: 8px;
    color: #fff;
    display: block;
    height: 30px;
    position: absolute;
    cursor: pointer;
    text-align: center;
    font-size: 29px;
    line-height: 30px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.5);
}
#slides .next,#slides .prev
{
    width: 30px
}
#slides .next
{
    right: 8px
}
#slides .prev
{
    right: 46px
}
#slides .angebot_button
{
    left: 8px;
    padding: 0 8px
}
#slides .pagination,.pagination li
{
    display: none
}
.placeholder
{
    background-color: #ABD8EF;
    border: 1px solid #ccc;
    clear: both;
    height: 15px;
    height: 51px;
    width: 632px
}
.bilderserie h3
{
    display: none
}
.bilderserie img
{
    max-height: 360px;
    max-width: 980px
}
.sale_icon, .sale_icon_detail
{
	border-style: solid;
	position: absolute;
    top: 0px;
    width: 0px;
    height: 0px;
    z-index: 499;
}
.sale_icon
{
    border-width: 75px 75px 0 0;
    border-color: #ff0000 transparent;
    left: 0px;
}
.sale_icon_detail
{
    border-width: 0 75px 75px 0;
    border-color: transparent #ff0000;
    right: 0px;
}
.sale_icon span, .sale_icon_detail span
{
    display: inline-block;
    position: relative;
    color: #FFF;
    font-size: 18px;
}
.sale_icon span
{
	transform: rotate(315deg);
    bottom: 33px;
    left: 6px;
}
.sale_icon_detail span
{
	transform: rotate(45deg);
    top: 20px;
    left: 14px;
}
.Feldkl
{
	width: unset !important;
}
.tablelisting_responsive
{
    overflow: auto;
}
a, #header ul > li, #navigation li, #warenkorbvorschau, button, .button, .button_produkt, input[type=submit], .warenkorb_diversifikationen_gesplittet span
{
	transition: 0.25s;
}
button:hover, .button:hover, .button_produkt:hover
{
	background-color: #475;
}
/*BREADCRUMB*/
#breadcrumb
{
    padding: 5px 0;
}
#breadcrumb *:not(:hover)
{
    font-weight: bold;
    color: #475;
}
#breadcrumb > a:first-child
{
    line-height: 20px;
    border-right: 2px solid;
    padding-right: 9px;
    margin-right: 5px;
}
#breadcrumb a:hover, #breadcrumb > a:hover i
{
    font-weight: bold;
    color: #475;
    border-color: #333;
}
#breadcrumb .fa
{
    padding: 0 5px;
}
#breadcrumb ul
{
    border-top: 2px solid;
    margin-top: 5px;
    padding-top: 5px;
}
#breadcrumb ul li
{
    display: inline-block;
    line-height: 20px;
    padding-right: 5px;
    border-right: 2px solid;
    margin-right: 5px;
    float: left;
}
#breadcrumb ul li:last-child
{
    border-right: none;
}
.bereiche_kontakt tr td:first-child
{
	vertical-align: top;
}
.bereiche_kontakt tr td:last-child
{
	text-align: right;
}
.bewerbung_vorgang li
{
	width: 20%;
}
.bilderserie_galerie, .bilderserien_kategorie
{
	margin-left: 0 !important;
}
.bilderserie_galerie > li, .bilderserien_kategorie > li
{
	list-style-type: none;
    width: 100px;
    height: 75px;
    display: inline-block;
    float: left;
    margin: 5px;
    text-align: center;
}
.bilderserie_galerie img, .bilderserien_kategorie img
{
	width: 100px;
	height: 75px;
}
.gewinnspiel_icon
{
	position: absolute;
    z-index: 999;
    width: 100px;
    transform: rotate(15deg);
    top: -35px;
    left: -60px;
}
#impressum div
{
    display: inline-block;
}
#impressum div:first-child
{
    float: left;
    min-width: 265px;
    width: calc(100% - 320px);
    padding: 0 20px 20px 0;
}
#impressum div:last-child
{
    max-width: 250px;
    text-align: right;
    float: right;
}
#impressum img, #impressum div:first-child
{
    margin: 10px 0;
}
#icon_cart
{
	font-size: 35px;
	line-height: 50px;
}
#footer_row
{
	border-bottom: 1px solid #FFF;
}
#zahlungsarten_ausgabe
{
	display: flex;
    align-items: center;
	width: 700px;
    margin: 0 auto;
	padding: 10px 0;
}
#zahlungsarten_ausgabe img
{
	width: 80px;
	padding-right: calc(25% - 100px);
}
.menu_mobile i
{
    font-size: 30px;
    color: #FFF;
    text-shadow: 0px 0px 5px black;
}
#detailansicht
{
    padding: 20px 0;
}
#detailansicht span, #detailansicht strong
{
    font-size: 18px
}
#detailansicht span
{
    display: block;
    margin: 5px 0;
}
#detailansicht table.tablelisting
{
    margin-bottom: 20px;
}
.active
{
    background-color: #475;
}
.active > a
{
    color: #FFF !important;
}

/*Responsive Modulloading Tables*/
tr[id*="lieferzeile"] > td:first-child
{
	width: 100px;
}
td[width]
{
	width: 100px;
}

@media (max-width: 539px)
{
	#navigation
	{
	    position: relative
	}
    #navigation_wrapper
    {
        display: none;
    }
    .shop_logo
    {
        width: calc(100% - 200px);
        text-align: center;
        margin: 0 100px;
    }
    .menu_mobile
    {
        position: absolute;
        display: flex;
        height: 100%;
        width: 50px;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
	#navigation_wrapper,#navigation_warenkorb,#header ul,#pageright
	{
	    overflow: hidden;
	    width: 100%
	}
	#navigation_warenkorb img
	{
	    height: 40px
	}
	#footer_row,#footer p
	{
	    margin: 0 10px;
	    width: calc(100% - 20px)
	}
	#warenkorbvorschau
	{
		height: calc(100% - 40px);
	    width: 35px;
	    right: 15px;
	}
	#warenkorbvorschau p,#warenkorbvorschau div
	{
	    display: none
	}
	#footer_row
	{
	    display: table
	}
	#footer_row div
	{
	    margin-right: 20px;
	    padding-right: 0;
	    width: calc(50% - 10px)
	}
	#footer_row div:nth-child(even)
	{
	    margin-right: 0
	}
	#navigation ul
	{
	    display: none
	}
	#artikelproseite_labels strong
	{
	    display: none
	}
	#cookies_akzeptiert
	{
	    display: block;
	    margin-top: 10px
	}
	#pageleft
	{
	    display: none
	}
	.artikel_listing
	{
	    height: 470px;
	    text-align: center
	}
	#icon_cart
	{
	    font-size: 30px;
	}
	.imagelist
	{
	    height: 280px!important;
	    width: 100%!important
	}
	.imagelist img
	{
	    max-height: 260px!important;
	    max-width: 100%!important
	}
	.lager,.preis_zusatz
	{
	    display: none
	}
	.artikel_listing_preis span
	{
	    font-size: 24px;
	    margin-top: 20px
	}
	.button_produkt
	{
	    margin-top: 20px
	}
	.artikelproseite_top a:not(.fa):not(.seite_aktiv), .artikelproseite_top span
	{
	    display: none !important
	}
	#content
	{
	    padding: 10px
	}
	.warenkorb_vorgang li
	{
	    width: 20%
	}
	.warenkorb_vorgang li:first-child
	{
	    width: 40%
	}
	.mobile_hidden
	{
	    display: none
	}
	#warenkorb_uebersicht > div:first-child
	{
	    display: none
	}
	.warenkorb_ubersicht1,.warenkorb_ubersicht2,.warenkorb_ubersicht3,.warenkorb_ubersicht4,.warenkorb_ubersicht5
	{
	    display: inline-block;
	    width: 100%
	}
	.wk_artikel1::before,.wk_artikel2::before,.wk_artikel3::before,.wk_artikel4::before,#warenkorb_gesamtpreis > span:nth-child(2)
	{
	    display: inline-block;
	    font-weight: 700;
	    max-width: 200px;
	    min-width: 165px;
	    vertical-align: top;
	    width: 33.333%
	}
	.wk_artikel1::before
	{
	    content: "Produkt: "
	}
	.wk_artikel2::before
	{
	    content: "Menge: "
	}
	.wk_artikel3::before
	{
	    content: "Einzelpreis: "
	}
	.wk_artikel4::before
	{
	    content: "Gesamtpreis: "
	}
	#warenkorb_suche_form
	{
		position: relative;
	    height: 30px;
	    width: calc(100% - 20px);
	    left: 10px;
	    margin-bottom: 10px;
	}
	#warenkorb_suche_form input[type="text"]
	{
		width: 100%;
	}
	#warenkorb_artikel
	{
	    border-bottom: 1px solid #D6D6D6;
	    margin-bottom: 5px;
	    padding-bottom: 5px
	}
	#warenkorb_artikel > span,#warenkorb_artikel > span > strong,#warenkorb_artikel > span > a
	{
	    font-size: 15px;
	    font-weight: 700;
	    line-height: 25px
	}
	#warenkorb_artikel > span > a
	{
	    max-width: 66.666%;
	    width: calc(100% - 165px);
	    word-wrap: break-word
	}
	#warenkorb_artikel > span:first-child
	{
	    display: none
	}
	.warenkorb_vorgang
	{
	    margin: 0 0 10px
	}
	#warenkorb_gesamtpreis
	{
	    line-height: 20px
	}
	#warenkorb_gesamtpreis > span:first-child
	{
	    display: none
	}
	#warenkorb_gesamtpreis > span:nth-child(3)
	{
	    width: 100px
	}
	#warenkorb_gesamtpreis > span,#warenkorb_gesamtpreis > span > strong
	{
	    font-size: 15px;
	    font-weight: 700
	}
	.greenbox,
	.greenbox input[type="text"],
	.greenbox input[type="password"],
	.greenbox input[type="file"],
	.greenbox textarea,
	input[name="zahlungsart_lastschrift_kontoinhaber"],
	input[name="zahlungsart_lastschrift_kontonummer"],
	input[name="zahlungsart_lastschrift_blz"],
	input[name="zahlungsart_lastschrift_kreditinstitut"]
	{
	    width: calc(100% - 20px)
	}
	.greenbox select
	{
	    width: 100%
	}
	.artikel_system_4
	{
	    display: inline-block;
	    max-width: 66.666%;
	    width: calc(100% - 165px)
	}
	#produktdetail_text .button
	{
	    margin-bottom: 10px;
	    width: calc(100% - 40px)
	}
	#produktdetail_text input[type="submit"]
	{
	    margin-bottom: 10px;
	    width: 100%
	}
	.bewerbung_vorgang
	{
		height: 250px;
		margin-bottom: 
	}
	.bewerbung_vorgang li
	{
		width: 100% !important;
	}
	#slides
	{
		height: 125px;
	}
	.imgstyle
	{
   		max-width: 175px !important;
   	}
   	#produktdetail_daten
   	{
   		text-align: center;
   	}
   	.tab, .warenkorb-galerie
   	{
   		margin-left: 0 !important;
   	}
   	.tab
   	{
   		overflow: visible !important;
   	}
   	.tab > li
   	{
		width: calc(100% - 20px);
   	}
}
@media (min-width: 540px) and (max-width: 1024px)
{
	#navigation
	{
	    position: relative
	}
    #navigation_wrapper
    {
        display: none;
    }
	#navigation_wrapper,#navigation_warenkorb,#header ul,#pageright
	{
	    overflow: hidden;
	    width: 100%
	}
	#navigation_warenkorb img
	{
	    height: 40px
	}
	.shop_logo
    {
        width: calc(100% - 200px);
        text-align: center;
        margin: 0 100px;
    }
    .menu_mobile
    {
        position: absolute;
        display: flex;
        height: 100%;
        width: 50px;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
	.artikel_listing:nth-of-type(odd)
	{
	    margin-right: 20px
	}
	#footer_row,#footer p
	{
	    margin: 0 10px;
	    width: calc(100% - 20px)
	}
	#warenkorbvorschau
	{
		width: 35px;
    	right: 20px;
	}
	#warenkorbvorschau p,#warenkorbvorschau div
	{
	    display: none
	}
	#footer_row
	{
	    display: table
	}
	#footer_row div
	{
	    margin-right: 20px;
	    padding-right: 0;
	    width: calc(50% - 10px)
	}
	#footer_row div:nth-child(even)
	{
	    margin-right: 0
	}
	#navigation ul
	{
	    display: none
	}
	.artikel_listing
	{
	    float: left;
	    height: 470px;
	    text-align: center;
	    width: calc(50% - 30px)
	}
	.artikel_listing:nth-of-type(odd)
	{
		margin-right: 20px
	}
	#artikelproseite_labels strong
	{
	    display: none
	}
	#cookies_akzeptiert
	{
	    display: block;
	    margin-top: 10px
	}
	#pageleft
	{
	    display: none
	}
	#icon_cart
	{
	    font-size: 30px;
	}
	.imagelist
	{
	    height: 280px!important;
	    width: 100%!important
	}
	.imagelist img
	{
	    max-height: 260px!important;
	    max-width: 100%!important
	}
	.lager,.preis_zusatz
	{
	    display: none
	}
	.artikel_listing_preis span
	{
	    font-size: 24px;
	    margin-top: 20px
	}
	.button_produkt
	{
	    margin-top: 20px
	}
	#content
	{
	    padding: 10px
	}
	#warenkorb_uebersicht > div:first-child
	{
	    display: none
	}
	.warenkorb_ubersicht1,.warenkorb_ubersicht2,.warenkorb_ubersicht3,.warenkorb_ubersicht4,.warenkorb_ubersicht5
	{
	    display: inline-block;
	    width: 100%
	}
	.wk_artikel1::before,.wk_artikel2::before,.wk_artikel3::before,.wk_artikel4::before,#warenkorb_gesamtpreis > span:nth-child(2)
	{
	    display: inline-block;
	    font-weight: 700;
	    max-width: 250px;
	    min-width: 115px;
	    vertical-align: top;
	    width: 33.333%
	}
	.wk_artikel1::before
	{
	    content: "Produkt: "
	}
	.wk_artikel2::before
	{
	    content: "Menge: "
	}
	.wk_artikel3::before
	{
	    content: "Einzelpreis: "
	}
	.wk_artikel4::before
	{
	    content: "Gesamtpreis: "
	}
	#warenkorb_suche_form
	{
		left: 215px;
        width: calc(100% - 285px);
	}
	#warenkorb_suche_form input[type="text"]
	{
		width: 100%;
	}
	#warenkorb_artikel
	{
	    border-bottom: 1px solid #D6D6D6;
	    margin-bottom: 5px;
	    padding: 0 10px
	}
	#warenkorb_artikel > span,#warenkorb_artikel > span > strong,#warenkorb_artikel > span > a
	{
	    font-size: 15px;
	    font-weight: 700;
	    line-height: 25px
	}
	#warenkorb_artikel > span > a
	{
	    max-width: 66.666%;
	    width: calc(100% - 115px)
	}
	#warenkorb_artikel > span:first-child
	{
	    display: none
	}
	.warenkorb_vorgang
	{
	    margin: 0 0 10px
	}
	#warenkorb_gesamtpreis
	{
	    line-height: 20px;
	    padding: 0 10px
	}
	#warenkorb_gesamtpreis > span:first-child
	{
	    display: none
	}
	#warenkorb_gesamtpreis > span:nth-child(3)
	{
	    width: 165px
	}
	#warenkorb_gesamtpreis > span,#warenkorb_gesamtpreis > span > strong
	{
	    font-size: 15px;
	    font-weight: 700
	}
	.greenbox
	{
	    width: calc(100% - 20px)
	}
	#greenbox_adresse_separat input[type="text"], #greenbox_lieferungen input[type="text"], #zahlungsarten_3 input[type="text"]
	{
		width: 300px;
	}
	#greenbox_adresse_separat select
	{
		width: 320px;
	}
	.bewerbung_vorgang
	{
		height: 100px;
	}
	.bewerbung_vorgang li
	{
		width: 33.33%;
	}
	.bewerbung_vorgang li:nth-child(4), .bewerbung_vorgang li:nth-child(5)
	{
		width: 50%;
	}
	#slides
	{
		height: 250px;
	}
	#produktdetail_daten
   	{
   		text-align: center;
   	}
}
@media (min-width: 1025px)
{
	input[type=text], input[type=password], input[type=file], textarea
	{
		width: 300px;
	}
	select
	{
		width: 320px;
	}
    #header
	{
	    min-width: 1170px
	}
	#navigation_wrapper,#navigation_warenkorb,#header ul,#content,#footer_row
	{
	    margin: 0 auto;
	    width: 1170px
	}
	#navigation_wrapper
	{
	    display: block
	}
	#navigation_warenkorb img
	{
	    height: 80px
	}
    .menu_mobile
    {
        display: none;
    }
	#warenkorbvorschau p, #warenkorbvorschau div > i
	{
	    display: block;
	    line-height: 25px;
	    margin: 0;
	    text-align: left
	}
	#warenkorbvorschau div
	{
		float: left;
		margin-right: 20px;
	}
	#warenkorbvorschau:hover
	{
	    color: #475!important
	}
	#footer
	{
	    min-width: 1170px
	}
	#footer_row
	{
	    display: flex
	}
	#footer_row div
	{
	    border-right: 1px solid #FFF;
	    margin-right: 15px!important;
	    padding-right: 15px;
	    width: calc((100% / 4) - (20px + 4 * 1px))
	}
	#footer_row div:last-child
	{
	    border-right: none;
	    margin-right: 0;
	    padding-right: 0
	}
	#footer p
	{
	    margin: 0 auto;
	    width: 1170px
	}
	.artikel_listing
	{
	    height: 200px;
	    width: calc(100% - 20px)
	}
	.artikel_listing_titel
	{
	    display: inline-block;
	    margin: 20px 0 0 10px;
	    vertical-align: top;
	    width: 400px
	}
	.artikel_listing_preis
	{
	    display: inline-block;
	    float: right;
	    margin: 20px 10px 0 0;
	    text-align: right;
	    vertical-align: top
	}
	.artikel_listing_preis span
	{
	    font-size: 30px;
	    margin-bottom: 10px
	}
	.titel
	{
	    font-size: 17px;
	    margin: 0
	}
	.button_produkt
	{
	    margin-top: 45px
	}
	#pageleft
	{
	    display: block;
	    padding: 50px 30px 0 0;
	    vertical-align: top;
	}
	#navigation ul
	{
	    display: block
	}
	#navigation > li:hover ul
	{
		display: block;
	}
	#produktdetail_bild,#produktdetail_text
	{
	    float: left;
	    max-width: 585px;
	    width: calc(50% - 15px)
	}
	#produktdetail_bild
	{
	    margin-right: 30px
	}
	.warenkorb_ubersicht1
	{
	    width: 135px
	}
	.warenkorb_ubersicht2
	{
	    width: 620px
	}
	.warenkorb_ubersicht3,.warenkorb_ubersicht4,.warenkorb_ubersicht5
	{
	    width: 125px
	}
	#warenkorb_uebersicht > div
	{
	    border-bottom: 1px solid #D6D6D6
	}
	#warenkorb_uebersicht > div > span
	{
	    display: inline-block;
	    font-size: 14px;
	    font-weight: 700;
	    min-height: 30px
	}
	#warenkorb_artikel
	{
	    min-height: 80px
	}
	#warenkorb_artikel > span
	{
	    margin: 10px 0;
	    vertical-align: top
	}
	#warenkorb_artikel > span > img
	{
	    max-height: 60px;
	    max-width: 125px
	}
	#warenkorb_artikel > span > a,#warenkorb_artikel > span > strong,#warenkorb_gesamtpreis > span > strong
	{
	    font-size: 16px;
	    font-weight: 700
	}
	#warenkorb_gesamtpreis > span > strong
	{
	    color: #153
	}
	#warenkorb_gesamtpreis > span
	{
	    display: inline-block;
	    font-size: 14px;
	    font-weight: 700;
	    line-height: 25px
	}
	#warenkorb_gesamtpreis > span:first-child
	{
	    width: 885px
	}
	#greenbox_adresse,#greenbox_adresse_separat
	{
	    height: 510px;
	    margin-right: 10px;
	    width: 26%
	}
	#greenbox_adresse_separat input[type="text"]
	{
		width: 160px;
	}
	#greenbox_adresse_separat select
	{
		width: 180px;
	}
	#greenbox_lieferungen
	{
	    height: 180px;
	    width: calc(50% - 86px)
	}
	#greenbox_versandarten
	{
	    height: 306px;
	    width: calc(50% - 86px)
	}
	#lieferadresse_4,#rechnungsadresse_4,#lieferart_4,#zahlungsart_4,#gutschein_4,#agbs_widerruf_4#gutschein_4,#bestellanmerkung_4,#agbs_widerruf_4
	{
	    margin: 0 5px 10px;
	    width: calc(33.333% - 24px)
	}
	#lieferadresse_4,#rechnungsadresse_4
	{
	    height: 425px
	}
	#lieferart_4,#zahlungsart_4
	{
	    height: 100px
	}
	#gutschein_4
	{
	    height: 177px
	}
	#gutschein_4 input[type="text"]
	{
	    width: 220px;
	}
	#bestellanmerkung_4,#agbs_widerruf_4
	{
	    height: 175px;
	    width: calc(50% - 24px)
	}
	#bestellanmerkung_4 textarea
	{
	    resize: none
	}
	#zahlungsarten_3
	{
		width: 550px;
	}
	.image_gallery > img
	{
		max-width: 800px;
	}
    #detailansicht .greenbox
    {
        margin-right: 10px;
    }
}
#content .desc_details,#content .desc_details *,.tabcontent
{
    font-size: 13px;
    line-height: 26px
}
#columnleft
{
    width: 250px
}
#navigation_produkte ul li
{
    background: #F0F0F0 url(../Labels/arrow.gif) no-repeat 4px center;
    height: 30px;
    line-height: 30px
}
#navigation_produkte ul li:last-child
{
    border-bottom: 0 !important
}
#navigation_produkte ul li a
{
    color: #282828;
    display: block;
    font-size: 13px;
    padding: 0 0 0 15px
}
#navigation_produkte ul li.ebene1 a
{
    font-weight: 700
}
#navigation_produkte ul li.ebene2,#navigation_produkte li.ebene2:hover
{
    background-color: #475;
    background-position: 19px center;
    padding-left: 15px!important
}
#navigation_produkte ul li.ebene2 a
{
    color: #333
}
#navigation_produkte ul li.ebene3
{
    padding-left: 5px!important;
    text-indent: 0!important
}
#navigation_produkte ul li:hover,#navigation_produkte ul li.aktiv,#navigation_produkte ul li.ebene2:hover
{
    background-color: #475
}
#navigation_produkte ul li:hover a,#navigation_produkte ul li.aktiv a
{
    color: #fff!important
}
#footer_row_1
{
    border-bottom: 1px dotted #ccc;
    border-top: 1px solid #D6D6D6;
    margin: 30px 0 20px;
    padding: 20px 0
}
#footer_row_2
{
    border-bottom: 1px solid #D6D6D6;
    margin: 0 0 20px;
    padding: 0 0 20px
}
#footer_row_2 > div,#footer_row_1 > div,#footer td
{
    color: #666;
    line-height: 20px
}
#footer_row_2 > div > img
{
    margin: 0 10px 0 0
}
#feedback
{
    -moz-box-shadow: 0 0 6px #777;
    -webkit-box-shadow: 0 0 6px #777;
    background-color: #fff;
    border: 2px solid #153;
    box-shadow: 0 0 6px #777;
    height: 185px;
    left: -322px;
    position: fixed;
    top: 50%;
    width: 350px;
    z-index: 314
}
#feedback .vertikal
{
    background-color: #153;
    cursor: pointer;
    float: right;
    height: 185px;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 30px
}
#feedback form
{
    float: left;
    margin: 0;
    padding: 10px;
    width: 300px
}
#feedback table
{
    table-layout: fixed
}
#feedback textarea
{
    background-color: #e4e4e4;
    height: 75px;
    margin: 0 0 2px;
    width: 298px
}
#feedback form input[type=text]
{
    background-color: #e4e4e4;
    margin: 0 0 4px;
    width: 172px
}
#feedback .vertikal h2
{
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 112px 0 0;
    padding: 0;
    transform: rotate(-90deg)
}
#feedback .vertikal span
{
    color: #153;
    display: none;
    display: block;
    font-size: 18px;
    text-align: center;
    text-shadow: 1px 1px #333
}
.dotted
{
    border-bottom: 1px dotted #CCC;
    height: 1px
}
.clear
{
    clear: both;
    display: block
}
.shouldnotsee
{
    display: none
}
a.img
{
    display: block
}
.imgstyle
{
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    background-color: #E1E1E1;
    border: 3px solid #fff;
    box-shadow: 0 0 3px #999;
    padding: 1px
}
.fixed
{
    overflow: hidden;
    table-layout: fixed
}
.spacer
{
    clear: both;
    height: 20px;
    width: 97%
}
.tablelisting
{
    border-collapse: collapse;
    border: 2px solid #333;
}
.tablelisting th, .tablelisting td
{
    padding: 5px
}
.tablelisting > * > tr > th
{
    background-color: #153;
    color: #FFF;
    text-align: left;
}
.tablelisting > * > tr > th, .tablelisting > * > tr > td
{
    border: 1px solid #333;
}
.tablelisting > * > tr:nth-child(odd)
{
    background-color: #F0F0F0
}
.datumtabelle select
{
    width: auto!important
}
.datumtabelle > table
{
    table-layout: fixed
}
.box
{
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    background-color: #EBEBEB;
    border: 1px solid #FFF;
    box-shadow: 0 0 5px #888;
    padding: 10px
}
.box input[type=text],.box input[type=password],.box select
{
    background-color: #DDD
}
.feldkl
{
    width: 42px!important
}
.feldkl2
{
    width: 80px!important
}
.red
{
    color: red
}
.green
{
    color: green
}
.blue
{
    color: #153
}
.relief
{
    color: #153;
    text-shadow: 1px 1px 0 #FFF,1px 1px 5px #999
}
.line
{
    background-color: #CCC;
    clear: both;
    height: 1px;
    margin: 10px 0
}
.specialfield
{
    display: none
}
h1 .datum,h2 .datum
{
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    background: #e4e4e4;
    border: 1px solid #FFF;
    border-radius: 3px;
    box-shadow: 0 0 5px #888;
    color: #999;
    display: block;
    float: right;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 2px
}
#neuheiten
{
    width: 1100px
}
.selectbox
{
    background: transparent url(../Labels/arrow_down.gif) no-repeat right center;
    width: unset;
}
.selectbox,.selectbox option
{
    color: #333;
    font-family: 'Open Sans',sans-serif!important;
    font-size: 13px;
    text-decoration: none!important;
    text-transform: none!important
}
#artikel
{
    display: inline-block;
    width: 100%
}
.preis_zusatz, .preis_zusatz *
{
    color: #333;
    font-family: 'Open Sans',sans-serif!important
}
.artikel_listing .imagelist a
{
    display: block;
    height: 255px;
    text-align: center
}
.artikel_listing .imagelistprev,.artikel_listing .imagelistnext
{
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    cursor: pointer;
    display: none;
    height: 39px;
    position: absolute;
    top: 123px;
    width: 20px
}
.artikel_listing .imagelistprev
{
    background: transparent url(../Labels/arrow_left_big.gif) no-repeat center;
    left: -20px
}
.artikel_listing .imagelistprev:hover
{
    background: transparent url(../Labels/arrow_left_big_hover.gif) no-repeat center
}
.artikel_listing .imagelistnext
{
    background: transparent url(../Labels/arrow_right_big.gif) no-repeat center;
    right: -20px
}
.artikel_listing .imagelistnext:hover
{
    background: transparent url(../Labels/arrow_right_big_hover.gif) no-repeat center
}
.artikel_listing .bottom
{
    overflow: hidden;
    width: 100%
}
.artikel_listing .bottom > div
{
    width: 235px
}
.artikel_listing .bottom p
{
    font-weight: 700
}
.artikel_listing .bottom ul
{
    margin: 0;
    padding: 0
}
.artikel_listing .bottom a
{
    border: 1px solid #d6d6d6;
    cursor: pointer;
    display: block;
    float: left;
    height: 18px;
    line-height: 18px;
    list-style-image: none;
    list-style-type: none;
    margin: 0 5px 5px 0;
    min-width: 34px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.artikel_listing .bottom a:hover
{
    background-color: #475;
    color: #FFF
}
.artikel_listing_hover
{
    -moz-box-shadow: 0 0 15px #888;
    -webkit-box-shadow: 0 0 15px #888;
    background-color: #fff;
    box-shadow: 0 0 15px #888;
    padding: 21px 20px;
    position: absolute;
    z-index: 5
}
.artikel_listing_hover .artikel_listing
{
    display: inline-block;
    height: auto;
    margin: 0;
    width: 230px!important
}
.artikel_listing_hover .bottom
{
    display: block
}
.artikel_listing_hover .imagelistprev,.artikel_listing_hover .imagelistnext
{
    display: block
}
.produkt_kategorien > div
{
    border: 1px solid #BEBEBE;
    float: left;
    height: 204px;
    margin: 0 20px 20px 0;
    overflow: hidden;
    padding: 1px;
    text-align: center;
    width: 170px
}
.produkt_kategorien > div img
{
    display: block;
    margin: 0 auto;
    max-height: 170px;
    max-width: 170px
}
#warenkorb_diversifikationen_gesplittet
{
    margin: 30px 0 0
}
#diverse h3,.crosselling h3
{
    color: #333;
    font-family: Open_Sans_300,sans-serif!important;
    font-weight: 700;
    margin: 0 0 20px
}
.warenkorb_diversifikationen_gesplittet
{
    margin: 0 0 20px
}
.warenkorb_diversifikationen_gesplittet span
{
    border: 1px solid #CCC;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 5px 5px 0;
    min-width: 34px;
    padding: 0 3px;
    text-align: center
}
.warenkorb_diversifikationen_gesplittet span:hover,.warenkorb_diversifikationen_gesplittet span.aktiv
{
    background-color: #475;
    border: 1px solid #153
}
.warenkorb_diversifikationen_gesplittet span:hover strong,.warenkorb_diversifikationen_gesplittet span.aktiv strong
{
    color: #fff
}
.warenkorb_diversifikationen_gesplittet span.disabled,.warenkorb_diversifikationen_gesplittet span.disabled:hover
{
    background-color: #D4D3D1;
    border: 1px solid #D4D3D1;
    cursor: text
}
.warenkorb_diversifikationen_gesplittet span.disabled strong
{
    color: #868583;
    text-shadow: 1px 1px #FFF
}
.produkte_optionen
{
    margin: 15px 0;
    padding: 0 0 0 40px
}
.produkte_optionen li
{
    list-style-image: none;
    list-style-type: none;
    margin: 0 0 10px
}
.produkte_optionen li label strong
{
    color: #153
}
.colorpicker
{
    min-width: 20px!important;
    overflow: hidden;
    width: 20px
}
.colorpicker strong
{
    display: block
}
.button_konfigurator
{
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    background-color: #153;
    border: 1px solid #FFF;
    box-shadow: 0 0 5px #888;
    color: #fff;
    float: right!important;
    font-size: 15px;
    margin-right: 5px
}
.button_konfigurator a
{
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px #2D6A09
}
#diverse_preis
{
    margin: 0 10px
}
ul.lager
{
    margin: 20px 0;
    padding: 0
}
ul.lager li
{
    font-size: 20px;
    line-height: 20px;
    list-style-image: none;
    list-style-position: inside;
    list-style-type: square
}
ul.lager_0 li
{
    color: #999
}
ul.lager_1 li,ul.lager_-1 li
{
    color: #C74C46
}
ul.lager_2 li
{
    color: #EFE944
}
ul.lager_3 li
{
    color: #6C0
}
#formadd input[type=text]
{
    width: 50px
}
.warenkorblisting th
{
    border-bottom: 1px solid #D6D6D6;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 15px
}
.warenkorblisting td
{
    border-bottom: 1px solid #D6D6D6;
    color: #727272;
    padding: 15px 0
}
.warenkorblisting .b50
{
    max-height: 50px;
    max-width: 75px
}
.warenkorblisting a
{
    font-size: 14px;
    font-weight: 700;
    text-decoration: none
}
.warenkorblisting a.editposten
{
    background: transparent url(../Labels/edit.png) no-repeat left center;
    color: #153!important;
    display: block;
    font-size: 13px;
    margin-top: 10px;
    text-decoration: underline;
    text-indent: 20px
}
.warenkorblisting,.warenkorblisting:not(input)
{
    font-size: 14px
}
.buttonpaypal,.buttonpaypal:hover
{
    background: transparent url("https://www.paypal.com/de_DE/i/btn/btn_xpressCheckout.gif") no-repeat top center !important;
    color: #464646!important;
    cursor: pointer;
    height: 60px!important;
    margin-top: 20px!important;
    padding-top: 30px!important;
    width: 160px!important
}
.shopfilter,#navigation_produkte
{
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 210px;
    margin-top:	10px
}
.shopfilter > div
{
    margin-bottom: 25px
}
.shopfilter > div input[type=text]
{
    width: 100%
}
.shopfilter > div > p,#navigation_produkte p
{
    border-bottom: 2px solid #153;
    font-weight: 700;
    padding: 5px 0;
    text-transform: uppercase
}
.shopfilter > div > p span
{
    background: transparent url(../Labels/close.gif) no-repeat right center;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 11px;
    padding-right: 12px;
    text-transform: none
}
.shopfilter > div ul li *
{
    float: left;
    margin: 3px 10px 0 0
}
.shopfilter > div ul li:hover,.shopfilter > div ul li.aktiv
{
    color: #153
}
#filter_farbe ul
{
    padding-left: 3px;
    width: 225px
}
#filter_farbe ul li
{
    border: 1px solid #d6d6d6;
    clear: none;
    color: transparent;
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 0 12px 12px 0;
    overflow: hidden;
    width: 22px
}
#filter_farbe ul li.aktiv,#filter_farbe ul li:hover
{
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333
}
#filter_farbe ul input,#filter_gre ul input
{
    display: none
}
#filter_gre ul li
{
    border: 1px solid #d6d6d6;
    clear: none;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    list-style-image: none;
    list-style-type: none;
    margin: 0 5px 5px 0;
    overflow: hidden;
    text-align: center;
    text-align: center;
    text-transform: uppercase;
    width: 40px
}
#filter_gre ul li:hover,#filter_gre ul li.aktiv
{
    background-color: #153;
    border-color: #153;
    color: #FFF
}
#slider-range
{
    border: 1px solid #A3A3A3;
    height: 3px;
    margin: 0 0 22px;
    position: relative;
    text-align: left;
    width: 200px
}
.ui-slider-range
{
    background-color: #A3A3A3;
    height: 3px;
    position: absolute
}
.ui-slider .ui-slider-handle
{
    background: #fff url(../Labels/range.gif) no-repeat top center;
    cursor: pointer;
    height: 22px;
    position: absolute;
    top: -8px;
    width: 9px;
    z-index: 2;
    transition: unset;
}
#filter_preis > div > p
{
    height: 12px;
    line-height: 12px
}
#preis_von
{
    float: left
}
#preis_bis
{
    float: right
}
.nachricht
{
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
    padding-bottom: 20px
}
.nachricht h2 a
{
    text-decoration: none
}
.nachrichtenvorschau .nachricht:last-child
{
    border-bottom: 0;
    margin-bottom: 0
}
ul.nachrichtenvorschau
{
    margin: 14px 0 0;
    padding: 0
}
ul.nachrichtenvorschau li
{
    list-style-image: none;
    list-style-type: none;
    margin: 0 0 8px
}
ul.nachrichtenvorschau li a
{
    text-decoration: none
}
#nachrichten_bild,.nachricht .imgstyle
{
    float: left;
    margin: 0 25px 25px 0
}
#nachrichten_bild img,.nachricht .imgstyle
{
    max-width: 250px
}
li.kommentar
{
    line-height: 24px
}
#glossar_suche, #glossar
{
	display: inline-block;
    margin: 10px 0 0 0 !important;
    width: 100%;
}
#glossar_suche li
{
    float: left;
    list-style-image: none;
    list-style-type: none;
    text-align: center;
    width: 3%;
    min-width: 15px;
}
#glossar_suche li:last-child
{
    width: 15%
}
#glossar_suche li a
{
    color: #333;
    font-weight: 700;
    text-decoration: none
}
#glossar_suche li.glossar_begrenzung_aktiv a
{
    color: #153;
    text-decoration: underline
}
#glossar li
{
    float: left;
    list-style-image: none;
    list-style-type: none;
    margin: 0 0 2px;
    padding: 5px;
    width: 100%
}
#glossar li a
{
    color: #666;
    text-decoration: none
}
#glossar li:nth-child(4n+4),#glossar li:nth-child(4n+1)
{
    background-color: #F0F0F0
}
.faq
{
    margin: 10px 0 30px;
    padding: 0 0 0 40px
}
.faq li
{
    margin: 0 0 8px
}
.faq h4
{
    color: #153
}
.faq li a
{
    color: #666;
    text-decoration: none
}
.faq li ul
{
    background-color: #F0F0F0;
    display: none;
    margin: 10px 0 0 20px;
    padding: 5px
}
.faq li ul li
{
    list-style-image: none;
    list-style-type: none
}
.faq li ul li a
{
    color: #153;
    text-decoration: underline
}
.fragen
{
    margin: 0 0 20px;
    padding: 0 0 0 20px
}
.fragen li
{
    list-style-image: none;
    list-style-type: none
}
.fragen li input
{
    margin-right: 15px
}
#messenger
{
    position: relative
}
#messenger > div
{
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    background-color: #FFF;
    border: 1px solid #D6D6D6;
    border-radius: 3px 3px 0 0;
    bottom: -263px;
    left: auto;
    margin-left: 5px;
    overflow: hidden;
    padding: 1px;
    position: fixed;
    right: 0
}
#messenger .tri_user_box
{
    right: -1px;
    width: 150px
}
#messenger .tri_user_box p,#messenger .messenger_box p
{
    background-color: #153;
    color: #fff;
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    font-size: 11px;
    margin: 0 0 1px;
    overflow: hidden;
    padding: 4px 7px;
    text-align: left;
    text-overflow: ellipsis;
    text-shadow: 1px 1px #2D6A09;
    text-transform: uppercase
}
#messenger span.ungelesen
{
    background: transparent url(../Labels/mail_new.png) no-repeat center;
    display: inline-block;
    font-size: 9px;
    text-align: center;
    text-shadow: none;
    width: 16px
}
#messenger .tri_user_box p span
{
    float: right
}
#messenger .tri_user_box ul
{
    background-color: #f0f0f0;
    height: 261px;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 0
}
#messenger .tri_user_box ul li
{
    background-color: #f0f0f0;
    border-bottom: 1px solid #FFF;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    list-style-image: none;
    list-style-type: none;
    overflow: hidden;
    padding: 0 0 0 5px;
    text-overflow: ellipsis;
    text-shadow: 1px 1px #FFF;
    width: 150px
}
#messenger .tri_user_box ul li span.ungelesen
{
    margin-right: 5px
}
#messenger .tri_user_box ul li:hover
{
    font-weight: 700
}
#messenger .tri_user_box ul li:before
{
    -moz-border-radius: 50%;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-border-radius: 50%;
    -webkit-box-shadow: 0 0 5px #888;
    border-radius: 50%;
    box-shadow: 0 0 5px #888;
    content: "";
    display: inline-block;
    height: 6px;
    margin-right: 7px;
    width: 6px
}
#messenger .tri_user_box ul li.online:before
{
    background-color: #153;
    border: 1px solid #6F9E41;
}
#messenger .tri_user_box ul li.offline:before
{
    background: #f3c5bd;
    border: 1px solid #A10000;
}
#messenger .messenger_box
{
    width: 250px
}
#messenger .messenger_box:hover
{
    border-color: #AAA
}
#messenger .messenger_box p
{
    width: 236px
}
#messenger .messenger_box p span
{
    color: #FFF;
    display: inline-block;
    float: right;
    font-size: 10px;
    text-shadow: 1px 1px #477323
}
#messenger .messenger_box ul
{
    background-color: #EEE;
    height: 225px;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 3px
}
#messenger .messenger_box ul li:not(.time)
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    clear: both;
    display: inline-block;
    list-style-image: none;
    list-style-type: none;
    margin: 0 10px 5px;
    padding: 5px
}
#messenger .messenger_box ul li.time
{
    clear: both;
    display: block;
    margin-bottom: 5px;
    position: relative;
    text-align: center
}
#messenger .messenger_box ul li.time time
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #EEE;
    border-radius: 3px;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    margin-right: 5px;
    padding: 2px;
    position: relative;
    z-index: 2
}
#messenger .messenger_box ul li.time:before
{
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #CCC;
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    width: 100%;
    z-index: 1
}
#messenger .messenger_box ul li.you
{
    background-color: #D1E9AF;
    border-color: #6FA032;
    color: #000;
    float: right;
    text-shadow: 0 1px #fff
}
#messenger .messenger_box ul li.not_you
{
    background-color: #FDFDFB;
    border-color: #DDD;
    color: #333;
    float: left
}
#messenger .messenger_box ul li.new_message
{
    background-color: #FFD9D9;
    border-color: #FE0000;
    color: maroon;
    font-weight: 700;
    text-shadow: 0 1px #fff
}
#messenger .messenger_box textarea,#messenger .messenger_box textarea:hover
{
    background: #FFF;
    border: 0;
    border-top: 1px solid #D6D6D6;
    height: 30px;
    min-height: 30px;
    outline: none;
    padding: 3px;
    width: 260px
}
p#halo
{
    -moz-border-radius: 50%;
    -moz-box-shadow: 0 0 5px 5px #8ccc36;
    -webkit-border-radius: 50%;
    -webkit-box-shadow: 0 0 5px 5px #8ccc36;
    background-color: transparent;
    border-radius: 50%;
    bottom: -25px;
    box-shadow: 0 0 5px 5px #8ccc36;
    height: 50px;
    margin: 0;
    padding: 0;
    position: fixed;
    right: -25px;
    width: 50px
}
#sitemap
{
    margin: 0;
    padding: 0
}
#sitemap li
{
    list-style-image: none;
    list-style-type: none
}
#sitemap .page h2
{
    margin: 0 0 10px
}
#sitemap .hauptbereich h3
{
    font-size: 14px;
    margin-bottom: 5px
}
#sitemap menu
{
    margin-bottom: 5px
}
#sitemap a
{
    color: #5F5F5D
}
.jcarousel-skin-ie7 .jcarousel-container
{
    margin-top: 20px
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl
{
    direction: rtl
}
.jcarousel-skin-ie7 .jcarousel-container-horizontal
{
    padding: 0;
    width: 980px
}
.jcarousel-skin-ie7 .jcarousel-container-vertical
{
    height: 245px;
    padding: 40px 20px;
    width: 75px
}
.jcarousel-skin-ie7 .jcarousel-clip
{
    overflow: hidden
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal
{
    margin-left: 40px;
    width: 900px
}
.jcarousel-skin-ie7 .jcarousel-clip-vertical
{
    height: 245px;
    width: 77px
}
.jcarousel-skin-ie7 .jcarousel-item
{
    border: 0 solid #fff;
    height: 75px;
    width: 75px
}
.jcarousel-skin-ie7 .jcarousel-item-horizontal
{
    margin-left: 0;
    margin-right: 7px
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal
{
    margin-left: 7px;
    margin-right: 0
}
.jcarousel-skin-ie7 .jcarousel-item-vertical
{
    margin-bottom: 7px
}
.jcarousel-prev,.jcarousel-next
{
    bottom: 8px;
    color: transparent;
    display: block;
    height: 19px;
    line-height: 19px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 30px;
    width: 11px;
    z-index: 999
}
.jcarousel-prev
{
    background: transparent url("../Labels/arrow_left_big.gif") no-repeat left center;
    left: 0
}
.jcarousel-prev:hover
{
    background-image: url("../Labels/arrow_left_big_hover.gif")
}
.jcarousel-next
{
    background: transparent url("../Labels/arrow_right_big.gif") no-repeat left center;
    right: 0
}
.jcarousel-next:hover
{
    background-image: url("../Labels/arrow_right_big_hover.gif")
}