html, body 	{ background-color: #707461; margin: 0px; font-size: 16px; font-family: Verdana, Arial, Helvetica; color: #666666; text-align: center; line-height: 1.6em; height: 100% }
html, body 	{ background-color: #707461; margin: 0px; font-size: 16px; font-family: Verdana, Arial, Helvetica; color: #666666; text-align: center; line-height: 1.6em; height: 100% }
/*#wrapper { max-width: 990px; margin: 0 auto; background-color: #FFFFFF; text-align: left; padding-bottom: 20px }*/
#wrapper { max-width: 1150px; margin: 0 auto; background-color: #FFFFFF; text-align: left; padding-bottom: 20px }

section, article { clear: both; padding: 10px 0 }
figure{ position: relative }
figcaption { position: absolute; width: 100%; box-sizing: border-box; padding: 0.2rem; bottom: 0.2rem; background: rgba(255,255,255,0.7); font-size: 0.8rem; line-height: 1.4 }

h1, h2, h3, h4, h5, .h1 	{ font-size: 1.2em; padding: 0 0 5px 0; border-bottom: 1px dotted #003300; margin: 0 0 10px; clear: both; font-weight: bold  }
h2, h3, h4, h5, .h2 	{ border: none; font-size: 1.1em; padding: 0; margin: 5px 0 }
.h2  { font-size: 1.2em; margin: 0; color: #666666; font-weight: bold }

p, td 		{ margin: 1em 0 }

ul, ol { margin: 0; padding: 0; border: none; }
li { list-style: none; position: relative; padding: 0 }
ul.folder	{ position: absolute; left: 1%; bottom: 1px;  }
ul.folder li, ul.custom_navi li 	{ display: block; float: left; margin: 0 3px 0 0; border-radius: 0 15px 0 0;  }
ul.folder li.folder_active, ul.folder li.shop_folder_active, 
ul.folder li.folder_inactive,  ul.folder li.shop_folder_inactive, 
ul.folder li.folder_inactive:hover, 	
ul.custom_navi li.folder_active, ul.custom_navi li.folder_inactive, ul.custom_navi li.folder_inactive:hover 
{ background-color: #D1DED1; border-top: 1px solid #003300; border-right: 1px solid #003300; border-left: 1px solid #003300;   }
ul.folder li.folder_inactive,  ul.folder li.shop_folder_inactive, ul.custom_navi li.folder_inactive	{ /*background-color: #D1DED1;*/ border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;   }

ul.breadcrumb{ padding: 10px 0 10px; list-style: none; } 
ul.breadcrumb li { display: inline; font-size: 0.9em; padding-right: 0.3rem }
ul.breadcrumb li+li:before { padding: 0.6%; color: black; content: "»"; }

a { color: #003300; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline }
a.link_block			{ display: block }
a.link_block, a.link_block_s	{ display: block; text-decoration: none  }
a.link_block_s { font-size: 0.9em }
a:hover.link_block, a:hover.link_block_s	{ display: block; text-decoration: none  }

a.folder_link	{ display: block; text-align: center; padding: 3px 15px; font-weight: bold }
a:hover.folder_link	{ text-decoration: none }

address{ font-style: inherit }
form{ text-align: left }
legend {  }
label {  }
fieldset { border: 1px #999999 solid; }
select, input, textarea	{ background-color: #FCFCFC; border-radius: 3px; text-align: left; border: 1px #666666 solid; color: #666666; padding: 1%; margin-bottom: 2%; font-size: inherit; font-family: Verdana, Arial, Helvetica; }
input[type=submit] { color: #FFFFFF; background-color: #336633; -webkit-border-radius: 5px; border-radius: 5px; margin: 5px 0 10px; padding: 5px; cursor: pointer }
input[type=submit]:hover { color: #003300; background-color: #D1DED1; }
input[type=file] { border: none; margin: 0;  }

input.link{ background-color: initial; border: none; color: #003300; font-size: 0.9em; padding: 4% 5%; width: 100%  }
.input_box { padding: 0.7%; border: 1px #666666 solid; display: inline-block; margin: 1% 0; border-radius: 3px; background-color: #FCFCFC }

.tf_output	{ border: none; width: 28px; margin: 0; }
.tf999	{ display: none }
button { cursor: pointer; border: 1px solid #FFFFFF; padding: 0 2px 9px; background-color: transparent; width: 100% }

img { border: 0px; max-width: 100%; height: auto }
.pic_left	{float: left;  margin: 5px 10px 10px 0; max-width: 50%; }
.pic_right	{float: right;  margin: 5px 0 10px 10px; max-width: 50%; }
.pic_mid-up, .pic_mid-down { margin: 2% auto; display: flex }

.btn, a.btn:hover, .btn_xl, a.btn_xl:hover, .btn_xxl, a.btn_xxl:hover, .btn_cart, a.btn_cart:hover { color: #FFFFFF; margin-left: 2%; padding: 1% 3%; text-decoration: none;   }
.btn_xl, a.btn_xl:hover, .btn_xxl, a.btn_xxl:hover, .btn_cart, a.btn_cart:hover { margin-left: 0; padding: 2% 4%;   }
.btn_xxl, a.btn_xxl:hover { padding: 6% 12%;   }
.btn_cart, a.btn_cart:hover { padding: 3% 15%; }
.cta, .cta:hover, a.cta:hover { background-color: #336633; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }
a.cta:hover, .cta2, a.cta2:hover  { background-color: #D1DED1; color: #003300; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }
a.grey { color: #336633; background-color: #f9f9f9; }
a.grey:hover, a.grey.in:hover, a.grey.ex:hover { color: #FFFFFF; background-color: #336633; }

input.cancel { font-family: Arial; background-color: #D1DED1; color: #FF0000; border: 1px solid #FF0000; margin: 7px 0 3px; width: 99%; text-align: left; border-radius: unset; padding: 2% 3% }
.btn-cancel{ margin: 7px 0 3px; padding: 1% 3%; border: 1px solid #FF0000; width: 96%;  }
input.cancel:hover{ color: #FF0000 }
a.cancel { color: #FF0000; text-align: left; text-decoration: none; font-family: Verdana, Arial, Helvetica; white-space: nowrap  }

#head { position: relative; height: 135px; background-color: #336633; background-image: url(../all_images/js_head_bg.gif); background-repeat:repeat-x; background-size: auto 125px; }
#jsa_logo { float: left; width: auto; height: 80px; margin: 5px 20px 5px 5px }
#head .slogan_1 { color: #FFFFFF; font-size: 1.5em; display: block; font-weight: bold; line-height: 1.3em; }
#head .slogan_2 { color: #FFFFFF; line-height: 1.2em; display: block; font-weight: normal }
#head a:hover { text-decoration: none; }

#head_box_1, #head_box_2,  #head_box_3	{ float: left; margin-top: 10px; width: 500px; text-align: left; color: #FFFFFF; box-sizing: border-box; }
#head_box_2 { float: right; margin-top: 5px; color: #999999 }
#head_box_3 { float: left; margin-top: 5px; color: #999999 }

#locationSelectBar, #themeSelectBar, #shopSelectBar { display: none; position: absolute; z-index: 999; left: 3px; top: 135px; padding: 15px; border: 1px dotted #cc6600; background-color: #D1DED1; font-size: inherit; box-sizing: border-box; box-shadow: 5px 5px 20px grey; }
#locationSelectBar h1 { border: none; padding: 0 10px }
#locationSelectBar ul.navLocationSelectBar, #themeSelectBar ul.navThemeSelectBar, #shopSelectBar ul.navShopSelectBar		{ float: left; position: relative; background-color: #D1DED1; width: 33% }
#locationSelectBar ul.navLocationSelectBar li, #themeSelectBar ul.navThemeSelectBar li, #shopSelectBar ul.navShopSelectBar li 	{ margin: 0 5px; border-bottom: 1px #669933 dotted }
#locationSelectBar ul.navLocationSelectBar li a, #themeSelectBar ul.navThemeSelectBar li a, #shopSelectBar ul.navShopSelectBar li a { color: #003300; font-weight: normal; padding: 5px; display: block  }

#stateMenu, #shopMenu1,  #shopMenu2, #shopMenu3, #shopMenu4 { display: none; position: absolute; top: 30px; left: 0; z-index: 21; width: 200px; margin-left: 5px; box-shadow: 5px 5px 20px grey; }
/*#shopMenu2 { height: 350; overflow: auto }*/
#shopMenu2 { min-height: 100; max-height: 350px; overflow: auto }
#shopMenu3 {  height: auto; width: 160px; overflow: hidden; background-color: #FEA500 }
#shopMenu3 a.menuClose { float: right; font-weight: bold; padding: 2%  }
#stateMenu ul.nav li a.menuClose, #shopMenu1 ul.nav li a.menuClose, #shopMenu2 ul.nav li a.menuClose, #shopMenu3 ul.nav li a.menuClose { padding: 2%; font-weight: bold; text-align: right; color: #FF0000 }

#scrollTopBtn { display: none; position: fixed; bottom: 2.0rem; left: auto; right: 0.6rem; z-index: 999; font-size: 18px; border: none; outline: none; background-color: #336633;
color: #FFFFFF; cursor: pointer; padding: 0; width: 55px; height: 55px; border-radius: 4px; }

.mbox { display: inline-block; min-height: 65px; float: left; overflow: hidden; box-sizing: border-box; position: relative; margin-bottom: 2% }
.mbox_one_sixth, .mbox_one_fifth, .mbox_one_quarter, .mbox_two_quarters, .mbox_three_quarters, .mbox_one_third, .mbox_two_thirds { padding: 0 0.5em 0.5em 0.5em; width: 24%; margin: 10px auto;  }
.mbox_one_sixth{ width: 16.6% } .mbox_one_fifth{ width: 19% } .mbox_two_quarters { width: 49% } .mbox_three_quarters { width: 74% } .mbox_one_third { width: 33% } .mbox_two_thirds { width: 66% } .mbox_one_eighth { width: 12.5% }
.mbox_full_width{ width: 100%; box-sizing: border-box }
.display_flex { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.borderEEEEDF_all { border: 1px #EEEEDF solid;  }

.shopselect1, .shopselect3 { width: 100%; height: 300px; background-color: #F5D562; border: none; color: #2F496E; line-height: 1.8em }
.shopselect3 { clear: both; height: 150px; overflow: hidden; position: absolute; top: 25px }
.choice_arrow { content: ""; width: 0; height: 0; position: absolute; top: 8px; border: 0.3rem solid transparent; border-bottom-color: #2F496E; border-right-color: #2F496E;  }

.nav_teaser	{ clear: both; color: #FFFFFF; font-weight: bold; line-height: 1.8em; display: block; padding-left: 10px; 
background-image: url(../all_images/nav_teaser.gif); background-repeat: no-repeat; background-color: #CC6600; background-position: right }

.slogan	{ font-size: 0.9em; padding: 1%; border: 1px solid #f8f8f8; background-color: #f8f8f8; min-height: 35px; margin-bottom: 5px  }
.entry{ float: left; width: 340px; }
.entry_data	{ float: left; margin-bottom: 10px; width: 71%  }
.entry_ratingbox{ margin: 0 0 5px; }
.entry_logo, .entry_logo_small { float: right; max-height: 200px; width: 25%; overflow: hidden; margin-left: 10px; text-align: right }
.entry_logo_small { width: 30%;  }
.logo { float: right; max-height: 200px; width: 25%; overflow: hidden; margin-left: 10px; text-align: right }

.cust_gal_row		{ max-height: 150px; overflow: hidden; }
.img_custom_gallery	{ vertical-align: top; margin-right: 1%; width: 32%; height: auto; overflow: hidden }

ul.notice_topic	{ position: relative; margin: 0 0 10px; display: flex; align-items: center; }
ul.notice_topic li { float: left; box-sizing: border-box; border-radius: 5px; margin: 10px 5px 10px 0; padding: 1% 0; background-color: #D1DED1; text-align: center }
ul.notice_topic li a { display: block; height: 100% }

ul.nav	{ position: relative; background-color: #D1DED1;  }
ul.nav li, ul.nav li.this_cat_navi 	{ position: relative; list-style: none; margin: 0; border-bottom: 1px #669933 dotted; border-left: 1px #669933 solid; border-right: 1px #669933 solid }
ul.nav li.this_cat_navi 	{ border-right: 1px #D1DED1 solid; border-bottom: 1px #669933 solid; border-top: 1px #669933 solid }
ul.nav li.this_cat_navi a.this_cat_link, ul.nav li.this_subcat_navi a.this_subcat_link  { font-weight: bold }
ul.nav li a { display: block; height: 100%; padding: 10px 0 10px 5px;   }

ul.subnav { position: absolute; top: 0; left: 200px; width: 200px; background-color: #D1DED1; }

ul.custom_navi li 	{ float: left; margin: 10px 0; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #2F496E; border-left: 1px solid #FFFFFF;  background-color: #D1DED1; -webkit-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0;    }
ul.custom_navi li.clip_active		{ border-top: 1px solid #2F496E; border-right: 1px solid #2F496E; border-left: 1px solid #2F496E;  }
ul.custom_navi li.clip_active a, ul.custom_navi li.clip_inactive a { display: block; padding: 5px 10px }
ul.custom_navi li.clip_inactive:hover { border-top: 1px solid #2F496E; border-right: 1px solid #2F496E; border-left: 1px solid #2F496E;  }

ul.subnav li.subcat_navi, ul.subnav li.this_subcat_navi		{ background-color: #D1DED1; border-bottom: 1px #669933 dotted; border-left: 1px #D1DED1 solid }

.all_item_list_box { max-height: 235px; overflow: hidden; border: 1px solid #FFFFFF }
.all_item_list_box:hover { border: 1px solid #2F496E; text-decoration: none }
.item_list_box{ position: relative; float: left; width: 23%; height: 350px; overflow: hidden; text-align: center; padding: 1%; margin: 1% 1% 4%;  border: 1px solid #CCCCCC; box-sizing: border-box; line-height: 1.6; 
border: 1px solid #f9f9f9; box-shadow: 0 4px 12px -2px rgba(0,0,0,0.14); -webkit-box-shadow: 0 4px 12px -2px rgba(0,0,0,0.14); -moz-box-shadow: 0 4px 12px -2px rgba(0,0,0,0.14); -ms-box-shadow: 0 4px 12px -2px rgba(0,0,0,0.14); -o-box-shadow: 0 4px 12px -2px rgba(0,0,0,0.14); }
/*.item_list_box:hover{ border: 1px solid #2F496E; }*/
.item_list_box:hover { border: 1px solid rgba(0,0,0,0.24); }
.item_list_box_advertiser, .item_list_box_percent, .item_list_box_title_price, .item_list_box_title_price_up, .item_list_box_actions	{ position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.7); }
.item_list_box_advertiser { width: 96%; text-align: right; padding: 1% 2%; color: #cccccc; background: none }
.item_list_box_percent		{ color: #FF0000; padding: 1% 2%; font-weight: bold; transform: rotate(-20deg); top: 3%; left: 2%; border: 1px #FF0000 dotted }
.item_list_box_percent_left		{ position: absolute; padding: 1%; color: #FF0000; left: 5px; font-weight: bold; border: #FF0000 1px solid }
.item_list_box_percent_right	{ position: absolute; padding: 1%; color: #FF0000; right: 5px; top: 15px; }
.item_list_box_title_price, .item_list_box_title_price_up	{ top: inherit; padding: 1%; line-height: 1.5; font-size: 0.9em; bottom: 0; text-align: left; width: 100% }
.item_list_box_title_price_up	{ bottom: 40px; }
.item_list_box_actions { top: inherit; padding: 5% 1% 1%; height: 25px; line-height: 1.5; bottom: 0; text-align: left; width: 100%; border-top: 1px dotted rgba(0,0,0,0.14) }
.item_list_box_picture { margin-top: 8% }

ul.box { margin: 0 0 20px; }
ul.box_provider { margin: 0; }
ul.box li { padding: 10px 2px 10px 10px; box-sizing: border-box }
ul.box_inline_block li { display: inline-block; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 3%; min-height: 65px; max-height: 400px; float: left; overflow: hidden; box-sizing: border-box }

ul.box h2, ul.box h3 { font-size: 1.0em; margin: 0; padding: 0 0 0 0  }
ul.box h3 { margin-bottom: 10px;   }
ul.box h1.h2 { color: #FFFFFF  }
ul.box h1.h2.unset-color{ color: unset }

ul.box li.teaserCC6600 { color: #FFFFFF; background-color: #CC6600; margin: 0; padding: 5px 2px 5px 10px }
ul.box li.teaserCC6600 a { color: #FFFFFF; display: block }
ul.box li.teaserEEEEDF { background-color: #EEEEDF; margin: 0; padding: 5px 2px 5px 10px }
ul.box li.teaserEEEEDF a { color: #666666; display: block }

ul.box_sixth li { width: 16%; }
ul.box_fifth li { width: 19%; }
ul.box_quarter li { width: 24%; }
ul.box_third li { width: 32%; }
ul.box_half li { width: 49%; }

ul.deal_cat_box li { display: inline-block; width: 22%; text-align: center; border: 1px solid #2F496E; margin: 1% 1% 4%; min-height: 65px; float: left; overflow: hidden }
ul.cat_box_sidebar li { width: 47%; margin-left: 1%; padding: 5px 0; background-color: #FFFFFF }
ul.deal_cat_box li .title	{ position: absolute; left: 0; width: 100%; line-height: 1.4; background: rgba(255,255,255,0.6); bottom: 0; height: 20px; font-weight: bold }
ul.deal_cat_box li a { display: block }

ul.shop_box li, ul.offerbox li  { display: inline-block; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 2%; min-height: 65px; float: left; overflow: hidden; box-sizing: border-box }
ul.shop_box li .title	{ position: absolute; left: 0; width: 100%; line-height: 1.4; background: rgba(255,255,255,0.6); bottom: 1px; height: 20px; font-weight: bold }
ul.box_borderCCCCCC_all li { border: 1px solid #CCCCCC;  }
ul.box_bordershadow_all li { border: 1px solid #f9f9f9; box-shadow: 0 4px 12px -2px rgba(0,0,0,0.14); 
	-webkit-box-shadow: 0 4px 12px -2px rgba(0,0,0,0.14); -moz-box-shadow: 0 4px 12px -2px rgba(0,0,0,0.14); -ms-box-shadow: 0 4px 12px -2px rgba(0,0,0,0.14); -o-box-shadow: 0 4px 12px -2px rgba(0,0,0,0.14); }

ul.offerbox li { min-height: 220px; max-height: 250px; padding: 10px }

ul.box_article li, ul.box_provider li { text-align: initial; padding: 10px } 
ul.box_provider li { padding: 0 0.5rem 1.0rem 0; min-height: initial; margin: initial }

ul.box_subnav { display: flex; flex-wrap: wrap }
ul.box_subnav li { text-align: center; margin-top: 1%; margin-right: 1%; background-color: #D1DED1; }
ul.box_subnav li a, ul.box_subnav li a.hover { padding: 2px 8px; display: block; text-decoration: none }

.filter, .filter_s, .filter_l { position: relative; border: 1px solid #2F496E; border-radius: 2px; padding: 3px 10px 3px 3px; margin: 5px 5px 5px 0; float: left; min-width: 155px; width: 23%; box-sizing: border-box; background-color: #D1DED1   } 
.filter_s { width: 13%; padding: 3px 0px; min-width: 120px; }
.filter_l { width: 19.2%; padding: 3px 3px; min-width: 130px; }

.dotted { border: 1px dotted }

.tags{ margin: 5px 5px 5px 0; padding: 5px; border-radius: 5px; border: 1px #D1DED1 solid; display: inline-block; font-size: 0.9em }

#lexikonLetter a { background-color: #D1DED1; padding: 1% 3%; margin: 0 5% 2% 0; float: left; border: 1px #003300 solid; width: 4% }
.letter { background-color: #D1DED1; padding: 1% 2%; margin: 0 1% 2% 0 }

#footer { clear: both; background-color: #FFFFFF; margin-left: 170px; width: 500px }

#pagination_bottom { clear: left; text-align: center; margin: 20px 0 20px; display: flex  }
#pagination_bottom .pagnPrev, .pagnNext, .pagnLead, .pagnCur, .pagnLink, .disabled{  padding: 6px;   }
#pagination_bottom .pagnSep, .pagnMore { padding: 6px 2px;  }
#pagination_bottom .pagnLead, .pagnCur{  font-weight: bold   }
#pagination_bottom .btn:first-child  { width: 20%; margin-left: 0; order: 0; float: left  }
#pagination_bottom .btn:last-child { width: 20%; order: 0; float: right }
#pagination_bottom .pagnCenter { width: 100%; order: 0; font-size: 1.1em; padding-top: 1% }
.disabled	{ color: #999999  }

.red { color: #FF0000 }
.green { color: #336633 }
.line_through { text-decoration: line-through; font-weight: normal }

.nowrap { white-space: nowrap }
.right		{ text-align: right }
.left { text-align: left }
.f_left { float: left }
.f_right { float: right }

.clear { clear: both; display: block; margin: 0; padding: 0; font-size: 1px }
.clearfix:after{   content: " "; clear: both; display: block; height: 0px; }
#more { display: none; }

.height_xs { height: 50px }
.height_s { height: 100px }
.height_xxl { height: 400px }

.max_height_xs { max-height: 100px }
.max_height_s { max-height: 150px }
.max_height_m { max-height: 200px }
.max_height_l { max-height: 250px }
.max_height_xl { max-height: 300px }
.max_height_xxl { max-height: 400px }
.max_height_xxxl { max-height: 500px }

.min_height_s { min-height: 150px }

.overflow_no { overflow: hidden }
.overflow_auto { overflow: auto }

.container_ad	{ position: relative; margin: 3% 0; }

.video_msg { position: absolute; left: 10%; top: 40%; text-align: center; width: 80%; background: rgba(255,255,255,0.8); padding: 1% }

.fcol { float: left; box-sizing: border-box; position: relative; height: 100% }
.fcol-1, .fcol-2, .fcol-3, .fcol-4, .fcol-5, .fcol-6, .fcol-7, .fcol-8, .fcol-9, .fcol-10, .fcol-11, .fcol-12, .fcol-13, .fcol-14, .fcol-15, .fcol-16 { margin-left: 0.705645161%; }
.fcol-1 { width: 5.544354839% }
.fcol-2 { width: 11.79435484% }
.fcol-3 { width: 18.04435484% }
.fcol-4 { width: 24.29435484% }
.fcol-5, .col_right_fcol-5 { width: 30.54435484% }
.fcol-6 { width: 36.79435484% }
.fcol-7 { width: 43.04435484% }
.fcol-8 { width: 49.29435484% }
.fcol-9 { width: 55.54435484% }
.fcol-10 { width: 61.79435484% }
.fcol-11, .col_middle_fcol-11  { width: 68.04435484% }
.fcol-12 { width: 74.29435484% }
.fcol-13 { width: 80.54435484% }
.fcol-14 { width: 86.79435484% }
.fcol-15 { width: 93.04435484% }
.fcol-16 { width: 99.29435484% }

.col_right, .col_right_fcol-5 { float: right; background-color: #EEEEDF; margin-left: 0  }
.col_middle, .col_middle_fcol-11	{ padding: 0 10px 10px; }

@media only screen and (min-width : 1250px) { 
	body  { font-size: 0.9em; }
	#scrollTopBtn { left: 50%; right: 50%; margin-left: 34.5rem; bottom: 6.0rem; }
}

@media only screen and (min-width : 1024px) and (max-width : 1249px) { /*--- Notebook ---*/	
	body  { font-size: 0.9em; }		
	#scrollTopBtn { bottom: 6.0rem; }
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {	/*--- Tablet  ---*/
	body  { font-size: 0.8em; }
	#head { height: 105px; background-size: auto 95px }
	#head_box_1	{ margin: 5px 0 0 0; width: 400px }
	#head_box_2	{ margin: 0 10px 0 0; max-width: 46% }
	#jsa_logo { height: 60px; margin: 5px 10px 5px 0 }
	#head .slogan_1 { font-size: 1.5em }
	#head .slogan_2 { line-height: 1.2em }
	#locationSelectBar, #themeSelectBar, #shopSelectBar { top: 105px }	
	.item_list_box{ width: 23%; height: 280px; }
	.filter_l { margin: 5px 4px 5px 0; width: 19.3%  }
}

@media only screen and (min-width : 579px) and (max-width : 767px) {	/*--- Phone  ---*/
	body  { font-size: 0.8em; }
	#head { height: 105px; background-size: auto 95px }
	#head_box_1	{ margin: 5px 0 0 5px; width: 400px }
	#head_box_3 { width: 99% }
	#jsa_logo { height: 60px; margin: 5px 10px 5px 0 }
	#head .slogan_1 { font-size: 1.5em }
	#head .slogan_2 { line-height: 1.2em }
	#locationSelectBar, #themeSelectBar, #shopSelectBar { width: 100%; top: 105px }
	#locationSelectBar ul.navLocationSelectBar, #themeSelectBar ul.navThemeSelectBar, #shopSelectBar ul.navShopSelectBar { float: initial; width: 100% }
	.col_right, #head_box_2	{ display: none }	
	.col_middle { width: 99% }	
	.entry { width: 260px }
	.logo{ width: 80px }
	.all_item_list_box { max-height: 200px; }
	.item_list_box{ width: 31%; height: 280px; }
	ul.box_fifth li { width: 31% }
	ul.box_sixth li { width: 23%; }
	.filter { font-size: 0.9em; width: 30% }
	.filter_s { font-size: 0.9em; }	
	.filter_l { font-size: 1.0em; width: 32% }
	#footer{ width: 100%; margin: 0 }	
}

@media only screen and (min-width : 426px) and (max-width : 578px) {
	body  { font-size: 0.8em; }
	#head { height: 105px; background-size: auto 95px }
	#head_box_1	{ margin: 5px 0 0 5px; width: 95% }
	#head_box_3 { width: 99% }
	#jsa_logo { height: 60px; margin: 5px 10px 25px 0 }
	#head .slogan_1 { font-size: 1.5em }
	#head .slogan_2 { font-size: inherit }
	#locationSelectBar, #themeSelectBar, #shopSelectBar { width: 100%; top: 105px }
	#locationSelectBar ul.navLocationSelectBar, #themeSelectBar ul.navThemeSelectBar, #shopSelectBar ul.navShopSelectBar		{ float: initial; width: 100% }
	#footer{ width: 100%; margin: 0 }
	.col_right, #head_box_2	{ display: none }	
	.col_middle, .col_middle_fcol-11 { width: 99% }	
	.entry { width: 250px }
	.logo{ width: 70px }	
	.all_item_list_box { max-height: 210px; }	
	.item_list_box{ width: 48%; height: 300px }
	ul.box_third li, ul.box_quarter li, ul.box_fifth li { width: 49%; }	
	ul.box_sixth li { width: 23%; }
	.filter { font-size: 0.9em; width: 47% }
	.filter_l { font-size: 1.0em; width: 48% }
	.filter_s { font-size: 0.9em; }
	.filter_firstlevel { width: 98% }
	a.folder_link { padding: 3px 5px; font-weight: normal }
	.mbox_two_quarters { width: 100% }	
}

@media only screen and (min-width : 376px) and (max-width : 425px) {
	body  { font-size: 0.8em; }
	#head { height: 90px; background-size: auto 80px }	
	#head_box_1	{ margin: 5px 0 0 5px; width: 95% }
	#head_box_3 { width: 100% }
	#jsa_logo { height: 50px; margin: 5px 10px 5px 5px }
	#head .slogan_1 { font-size: 1.9em; padding: 15px 0 0 0 }
	#head .slogan_2 { display: none }
	#locationSelectBar, #themeSelectBar, #shopSelectBar { top: 105px }
	#footer{ width: 100%; margin: 0 }	
	.col_right, #head_box_2	{ display: none }
	.col_middle, .col_middle_fcol-11 { width: 99% }	
	ul.notice_topic li { width: 47%; height: 60px; }
	ul.custom_navi li.clip_active a, ul.custom_navi li.clip_inactive a { padding: 5px }	
	ul.folder li { margin: -1px }
	a.folder_link { padding: 0; font-weight: normal }
	.item_list_box{ width: 48%; height: 300px }
	.filter { font-size: 0.9em; width: 45% }
	.filter_l { font-size: 1.0em; width: 48% }
	.filter_s { font-size: 0.9em; width: 10%; min-width: 95px; }
	.filter_firstlevel { width: 98% }
	.mbox_two_quarters { width: 100% }
	ul.box_half li, .mbox_two_quarters, .mbox_three_quarters { width: 100%; }
	ul.box_quarter li, ul.box_third li, ul.box_fifth li { width: 49% }
	ul.box_sixth li { width: 33%; }
}

@media only screen and (min-width : 321px) and (max-width : 375px) {
	body  { font-size: 0.8em; }
	#head { height: 90px; background-size: auto 80px }	
	#head_box_1	{ margin: 5px 0 0 0; width: 100% }
	#head_box_3 { width: 100% }
	#jsa_logo { height: 50px; margin: 5px 10px 5px 5px }
	#head .slogan_1 { font-size: 1.9em; padding: 15px 0 0 0 }
	#head .slogan_2 { display: none }	
	.col_right, #head_box_2	{ display: none }
	.col_middle, .col_middle_fcol-11 { width: 99% }	
	.filter { font-size: 0.9em; width: 45% }
	.filter_l { font-size: 1.0em; width: 48% }
	.filter_s { font-size: 0.9em; width: 10%;  min-width: 80px;  }
	.filter_firstlevel { width: 98% }
	#footer{ width: 100%; margin: 0 }
	ul.folder { left: 0 }
	ul.folder li { margin: -1px }
	a.folder_link	{ padding: 0; font-weight: normal }
	.mbox_two_quarters { width: 100% }
	.item_list_box{ width: 48%; height: 260px }
	ul.box_half li, .mbox_two_quarters, .mbox_three_quarters { width: 100%; }
	ul.box_quarter li, ul.box_third li, ul.box_fifth li, ul.box_sixth li { width: 49% }	
}

@media only screen and (max-width : 320px) {
	body  { font-size: 0.8em; }
	#head { height: 90px; background-size: auto 80px }	
	#head_box_1	{ margin: 5px 0 0 0; width: 100% }
	#head_box_3 { width: 100% }
	#jsa_logo { height: 50px; margin: 5px 10px 5px 5px }
	#head .slogan_1 { font-size: 1.9em; padding: 15px 0 0 0 }
	#head .slogan_2 { display: none }	
	.col_right, #head_box_2	{ display: none }
	.col_middle, .col_middle_fcol-11 { width: 99% }	
	.filter { font-size: 0.9em; width: 45%; min-width: 130px }
	.filter_l { font-size: 1.0em; width: 99% }
	.filter_s { font-size: 0.9em; width: 10%; min-width: 80px;  }
	.filter_firstlevel { width: 98% }
	#footer{ width: 100%; margin: 0 }
	ul.folder { left: 0 }
	ul.folder li { margin: -1px }
	a.folder_link	{ padding: 0; font-weight: normal }
	.mbox_two_quarters { width: 100% }
	.item_list_box{ width: 98%; height: 280px }
	ul.box_half li, ul.box_third li, .mbox_two_quarters, .mbox_three_quarters  { width: 100% }
	ul.box_quarter li, ul.box_fifth li, ul.box_sixth li { width: 49% }
}

.h1{ -webkit-margin-before: 0.67em; -webkit-margin-after: 0.67em; }

h2.white	{ color: #FAE7D4; margin: 0; padding: 0; font-size: 0.9em }

p.border_bottom	{  clear: both; padding-bottom: 15px; border-bottom: #EEEEDF 1px dotted;  margin-bottom: 15px }

ul.footer_2		{ margin: 10px auto; padding: 0; text-align: center }
ul.footer_2 li	{ list-style-type: none; display: inline-block; padding: 0 1%; }

.center { text-align: center }
.right	{ text-align: right }
.scrolljsz, .scrolllex { height: 140px; overflow: auto; border: 1px #D1DED1 solid }

ul.list_some_nav { padding: 0 }
ul.list_some_nav li { display: inline-block; padding: 0 5% 0 0 }
ul.list_some_nav li a { color: #003300; }
ul.list_some_nav li a:hover { color: #003300 }

ul.borderCC6600_all { border: 1px #CC6600 solid; }
ul.borderCC6600_bottom_dotted { border-bottom: 1px #CC6600 dotted; }
li.borderCC6600_bottom_dotted { border-bottom: 1px #CC6600 dotted; }

ul.borderEEEEDF_all { border: 1px #EEEEDF solid;  }
ul.borderEEEEDF_bottom_dotted { border-bottom: 1px #EEEEDF dotted; }
li.borderEEEEDF_bottom_dotted { border-bottom: 1px #EEEEDF dotted; }

.cta_js_more::before { content: "Profil"; }
.cta_js_back { float: right }
.cta_content_more::before { content: "Inhalt"; }
ul.box li.teaserCC6600 .cta_js_more, ul.box li.teaserEEEEDF .cta_js_more, .cta_content_more { float: right; padding: 0 5px; font-weight: normal; font-size: 0.9em; background-color: #336633   }
ul.box li.teaserEEEEDF .cta_js_more, .cta_content_more {  background-color: transparent; border: 1px #003300 solid; color: #003300 }

ul.form li { padding: 5px 0 }

.teaser	{ clear: both; color: #FAE7D4; background-color: #CC6600; }

.td9 		{ color: #666666; font-size: 9px; font-family: Verdana, Arial, Helvetica }
.td_head { height: 20px; background-color: #EEEEDF; font-weight: bold }
.td_head_center { height:20px; background-color: #EEEEDF; text-align: center; font-weight: bold }

a.block	{ display: block; height: 100%  }

a.content_link_9						{ font-size: 9px; text-decoration: underline }
a:hover.content_link_9	{ font-size: 9px; text-decoration: none }
a.content_link						{ text-decoration: underline }
a:hover.content_link	{ text-decoration: none }

.imgborder {border: 0px #B0C18B solid }

#jsz { width: 100%; border-spacing: 0; text-align: left; vertical-align: top;  }
#jsz td, #jsz td.right { padding: 5px 0; empty-cells: show; border: 1px #90A9BC solid; background-repeat: no-repeat; background-position: center; }
#jsz td.right { text-align: right }
#jsz .head {   }
#jsz .jsz00, .jsz00, .jsz01, .jsz01_11, .jsz01_10, .jsz01_15, .jsz01_16, .jsz01_20, .jsz01_21, .jsz10, .jsz10_10, .jsz10_14, .jsz10_15, .jsz10_19, .jsz10_20, .jsz11, .jsz11_28 { 
width: 29px; height: 12px; float: none }
.jsz00	{ background-image: url(/all_images/jsz00.gif) }
.jsz01 { background-image: url(/all_images/jsz01.gif) }
.jsz01_11		{ background-image: url(/all_images/jsz01_11.gif) }
.jsz01_10		{ background-image: url(/all_images/jsz01_10.gif) }
.jsz01_15		{ background-image: url(/all_images/jsz01_15.gif)  }
.jsz01_16		{ background-image: url(/all_images/jsz01_16.gif)  }
.jsz01_20		{ background-image: url(/all_images/jsz01_20.gif)  }
.jsz01_21		{ background-image: url(/all_images/jsz01_21.gif) }
.jsz10			{ background-image: url(/all_images/jsz10.gif) }
.jsz10_10		{ background-image: url(/all_images/jsz10_10.gif)  }
.jsz10_14		{ background-image: url(/all_images/jsz10_14.gif) }
.jsz10_15		{ background-image: url(/all_images/jsz10_15.gif)  }
.jsz10_19		{ background-image: url(/all_images/jsz10_19.gif)  }
.jsz10_20		{ background-image: url(/all_images/jsz10_20.gif)  }
.jsz11			{ background-image: url(/all_images/jsz11.gif)  }
.jsz11_28		{ background-image: url(/all_images/jsz11_28.gif)  }

.sidebar_teaser	{ clear: both; color: #FAE7D4;  font-weight: bold; background-color: #CC6600; line-height: 24px; height: 25px; padding-left: 10px  }
.sidebar_teaser	{ margin-bottom: 5px }
.sidebar_select_box	{ border: 1px #669933 dotted; padding: 2px; overflow: auto; width: 150px; height: 140px; float: left; margin: 10px 0 10px 10px }

ul.nav_area	{ margin: 0 0 5px; padding: 0; background-color: #D1DED1}
ul.nav_area li 	{ list-style: none; margin: 0; padding: 2px 10px; border-bottom: 1px #669933 dotted }

ul.col_right	{ margin: 0 0 10px; padding: 0 }
ul.col_right li { list-style: none; margin: 0; padding: 6px 10px; border-bottom: 1px #669933 dotted; font-size: 10px }

ul.select	{ margin: 0; padding: 0 }
ul.select li { list-style: none; margin: 0; padding: 2px 0; font-size: 10px }

ul.hook	{ margin: 0; padding: 0 }
ul.hook li { list-style-image: url(../all_images/hook.gif); list-style-position: inside; margin: 0; padding: 2px 0; font-size: 10px }

ul.footer_1		{ margin: 0; padding: 0 }
ul.footer_1 li	{ list-style-type: none; display: inline-block; margin: 1px 0; padding: 0 3px; border-right: 1px dotted #336699; font-size: 9px }

.head_p_entry	{ clear: both; background-color: #CC6600; padding: 5px }
.box_p_entry		{ border-left: 1px #CC6600 solid; border-right: 1px #CC6600 solid; border-bottom: 1px #CC6600 solid; padding: 5px }
.box_p_footer	{ clear: both; background-color: #CC6600; margin-bottom: 20px; color: #FAE7D4; padding: 0 0 2px 5px }

.head_entry 	{ clear: both; background-color: #EEEEDF; padding: 5px }
.box_entry 	{ border-left: 1px #EEEEDF solid; border-right: 1px #EEEEDF solid; border-bottom: 1px #EEEEDF solid; padding: 5px }
.box_footer 	{ clear: both; background-color: #EEEEDF; margin-bottom: 20px;  padding: 0 0 2px 5px }

.notice_label { clear: both; width: 90px; float: left; margin-bottom: 15px }

.btn_more	{ margin: 5px 0px }

.grkl, .small, .p9 	{ color: #999999; font-size: 9px; font-weight: normal }
.p9				{ color: #666666 }
.ad_info	{ background-image: url(../all_images/advertorial_9_999999.gif); background-repeat: no-repeat; font-size: 9px; text-indent: 65px; margin-bottom: 5px}

.icon_letter	{ background-image: url(../all_images/mail.gif); float: right; width: 20px; height: 20px; background-repeat: no-repeat }

.margin-bottom { margin-bottom: 5px }
.bottom-dotted{ padding: 10px 0; border-bottom: 1px #999999 dotted; margin-bottom: 20px }