@font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 400;
  src: url('/css/fonts/open-sans-regular.eot');
  src: url('/css/fonts/open-sans-regular.eot?#iefix') format('embedded-opentype'), url('/css/fonts/open-sans-regular.woff2') format('woff2'), url('/css/fonts/open-sans-regular.woff') format('woff'), url('/css/fonts/open-sans-regular.ttf') format('truetype');
}

@font-face { font-family: 'OpenSans'; font-style: italic; font-weight: 400;
  src: url('/css/fonts/open-sans-italic.eot');
  src: url('/css/fonts/open-sans-italic.eot?#iefix') format('embedded-opentype'), url('/css/fonts/open-sans-italic.woff2') format('woff2'), url('/css/fonts/open-sans-italic.woff') format('woff'), url('/css/fonts/open-sans-italic.ttf') format('truetype');
}

@font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 600;
  src: url('/css/fonts/open-sans-600.eot');
  src: url('/css/fonts/open-sans-600.eot?#iefix') format('embedded-opentype'), url('/css/fonts/open-sans-600.woff2') format('woff2'), url('/css/fonts/open-sans-600.woff') format('woff'), url('/css/fonts/open-sans-600.ttf') format('truetype');
}

@font-face { font-family: 'OpenSans'; font-style: normal; font-weight: bold;
  src: url('/css/fonts/open-sans-600.eot');
  src: url('/css/fonts/open-sans-600.eot?#iefix') format('embedded-opentype'), url('/css/fonts/open-sans-600.woff2') format('woff2'), url('/css/fonts/open-sans-600.woff') format('woff'), url('/css/fonts/open-sans-600.ttf') format('truetype');
}

@font-face { font-family: 'OpenSans'; font-style: italic; font-weight: 600;
  src: url('/css/fonts/open-sans-600italic.eot');
  src: url('/css/fonts/open-sans-600italic.eot?#iefix') format('embedded-opentype'), url('/css/fonts/open-sans-600italic.woff2') format('woff2'), url('/css/fonts/open-sans-600italic.woff') format('woff'), url('/css/fonts/open-sans-600italic.ttf') format('truetype');
}

@font-face { font-family: 'OpenSans'; font-style: italic; font-weight: bold;
  src: url('/css/fonts/open-sans-600italic.eot');
  src: url('/css/fonts/open-sans-600italic.eot?#iefix') format('embedded-opentype'), url('/css/fonts/open-sans-600italic.woff2') format('woff2'), url('/css/fonts/open-sans-600italic.woff') format('woff'), url('/css/fonts/open-sans-600italic.ttf') format('truetype');
}

@font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 800;
  src: url('/css/fonts/open-sans-800.eot');
  src: url('/css/fonts/open-sans-800.eot?#iefix') format('embedded-opentype'), url('/css/fonts/open-sans-800.woff2') format('woff2'), url('/css/fonts/open-sans-800.woff') format('woff'), url('/css/fonts/open-sans-800.ttf') format('truetype');
}

@font-face { font-family: 'OpenSans'; font-style: italic; font-weight: 800;
  src: url('/css/fonts/open-sans-800italic.eot');
  src: url('/css/fonts/open-sans-800italic.eot?#iefix') format('embedded-opentype'), url('/css/fonts/open-sans-800italic.woff2') format('woff2'), url('/css/fonts/open-sans-800italic.woff') format('woff'), url('/css/fonts/open-sans-800italic.ttf') format('truetype');
}

html { overflow-y: scroll; }

html, body { margin: 0; padding: 0; max-width: 1280px; margin: 0 auto; }
body { font-size: 80%; font-family: sans-serif; color: #2E3232; font-family: OpenSans,Verdana,sans-serif; position: relative; }
.nojs { display: block; text-align: center; font-size: 1.1em; color: red; margin: 10px; }
img { border: none; }
a { color: #2E3232; position: relative; text-decoration: none; }
p { margin-top: 0; margin-bottom: 10px; }
sup { vertical-align: text-top; line-height: 10px; }
h1 sup { font-size: 1.3rem; line-height: 1.9; }

.u { text-decoration: underline !important; }
.c { text-align: center !important; }
.b { font-weight: bold !important; }

.hidden { display: none !important; }
.fixed { position: fixed; top: 10px; }
.fixed_content { overflow: auto; }
.bold { font-weight: bold; }
.youtube { cursor: pointer; display: inline-block; line-height: 0; } 

.info_edit { border: 1px solid #c4c8cb; padding: 3px 8px; margin-bottom: 10px; }

.bb { border-bottom: 1px solid #208192; }
.bt { border-top: 1px solid #208192; }
.lft { float: left; }
.rgt { float: right; }

.text_vert { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); width: 20px; white-space: nowrap; }

#navi_top { position: relative; max-width: 1280px; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

#navi_top .desc { line-height: 2.5em; margin: 10px 0; text-align: center; }
#navi_top .active .desc { color: #208192; background-color: #d2eeec; }
.hc #navi_top .active .desc { color: #000; }

#mnav, #mnav_footer { display: none; }
#navi_top > div { float: left; vertical-align: top; }
#mnav_top { display: none; background: #f6f8f9 url(/images/icons/mnav_top.png) no-repeat center top; width: 50px; height: 50px; position: absolute; top: 0; left: 0; cursor: pointer; }
.hc #mnav_top { background-color: #f3f4f7; }

#mnav_top.active { background-position: center bottom; }

#mnav_top .mnav_toggle { display: none; }

#main_nav_mtoggle { display: none; background: transparent url(/images/icons/main_nav_top.png) no-repeat center top; width: 50px; height: 50px; position: absolute; top: -50px; right: 0; cursor: pointer; border-left: 1px solid #4099ad; }
#main_nav_mtoggle.active { background-position: center bottom; }
#mnav_title { display: none; }

/** Page-Widths **/
#content { max-width: 1280px; margin: 0 auto; position: relative; }
#content.full { max-width: 1600px; }
#page_footer { max-width: 1280px; margin: 0 auto; position: relative; }

#page_footer .arr_rb { display: none; }

#logo_header { width: 310px; max-width: 310px; height: 116px; background-color: #208192; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }
#logo_header a { display: block; padding-top: 30px; margin: 0 auto; line-height: 0; text-align: center; }
#logo_header img { height: 60px; }

/* Top Navi */
#main_top { margin-top: 66px; width: 100%; }
#main_nav { width: 100%; padding-left: 80px; padding-right: 10px; box-sizing: border-box; }
#main_nav_items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; z-index: 21; }
#main_nav_items > a { display: inline-block; margin: 0 10px 0 65px; font-weight: 600; }
#main_nav_items > a { margin: 0; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

#main_nav_items .home { display: none; }

#wk_items { position: absolute; width: 16px; height: 16px; top: 2px; right: 3px; color: #fff; font-size: .9em; text-align: right; line-height: 1.5em; }



#konto_top { height: 40px; margin-left: 30px; top: 0; position: absolute; right: 10px; top: 0; }
#konto_top > div { float: left; margin-left: 8px; width: 40px; height: 40px; background-color: #208192; position: relative; }
#konto_top > div a { color: #fff; line-height: 37px; text-align: center; display: block; font-size: .95em; padding: 0; width: 35px; text-transform: uppercase; }

.icon_head { background: transparent url(/images/icons/icons_head3.png) no-repeat 0 0; width: 40px; height: 40px; }
.icon_head.ct { background-position: 0 1px; }
.icon_head.kt { background-position: -35px 0; }
.icon_head.wk { background-position: -70px 0; }
.icon_head.sc { background-position: -105px 0; }
.icon_head.cr { background-position: -139px 2px; }

#cr_contrast { cursor: pointer; display: none; }
#cr_contrast.active { background-color: #d2eeec; }

#head_info { position: absolute; right: 300px; top: 3px; }
#head_info > div { float: left; padding-left: 20px; }

#login_name a { line-height: 1.4em; text-align: left; padding: 0; color: #208192; }

#nav_lang, #nav_contact { position: absolute; top: 0; height: 40px; width: 288px; right: 48px; display: none; }
#nav_lang > div { float: left; margin-left: 8px; width: 40px; height: 40px; background-color: #208192; color: #fff; text-align: center; line-height: 40px; text-transform: uppercase; }
#nav_contact { width: 680px; font-size: .95em; line-height: 1.4em; top: 3px; text-align: right; }

span.vsep { display: inline-block; width: 1px; height: 9px; background-color: #000; margin: 0 3px; }

#navi_left { max-width: 270px; min-width: 270px; width: 270px; padding: 20px 20px 60px; background-color: #f6f8f9; position: relative; }
.hc #navi_left { background-color: #f3f4f7; }
#navi_left > div { cursor: pointer; position: relative; }
/* #navi_left > div:last-child { border-bottom: 1px solid #cccccc; padding-bottom: 3px; } */
#navi_left .active { font-weight: bold; font-size: 1em; }
#navi_left div.arr_rb { left: -2px; position: absolute; top: 10px; -webkit-transform: scale(0.68); transform: scale(0.68); }
#navi_left a.active + div.arr_rb { transform: rotate(90deg) scale(.68); top: 7px; left: 0; }

#navi_left div.sub div.arr_rb { top: 1px; }
#navi_left div.sub a.active + div.arr_rb { top: -2px; }

#navi_left > div a { display: block; color: #2a2e39; padding: 10px 0 10px 20px; line-height: 1.4em; }

#navi_left .shop a { color: #208192; font-size: 1.2em; /* padding: 0 0 10px 0; */ padding: 10px 20px; background-color: #d2eeec; margin: 0 -20px; }
#navi_left .shop > div { color: #208192; font-size: 1.2em; cursor: default; padding: 10px 20px; background-color: #d2eeec; margin: 0 -20px; }

.hc #navi_left .shop a { color: #000; }

#navi_left .sub { margin-left: 20px; }
#navi_left .sub2 { margin-left: 40px; }
#navi_left .sub a, #navi_left .sub2 a { padding: 0 0 7px 20px; }


#navi_left div.info { display: none; line-height: 12px; font-size: .9em; position: absolute; box-shadow: 2px 2px 5px #999; padding: 20px; width: 250px; left: 349px; top: 0; z-index: 5; background-color: #52B8B3; color: #fff; border-left: 1px solid #f6f8f9; }
.hc #navi_left div.info { border-left: 1px solid #f3f4f7; }
#navi_left div.info span { font-style: italic; }
#navi_left > div:hover div.info { display: block; }

#navi_left div.info::before { content: url(/images/icon/nav_info.png); position: absolute; top: 0; left: -18px; }


#content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
#navi_left { vertical-align: top; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }
#content_main { vertical-align: top; padding: 20px 10px 60px 20px; font-size: 1em; line-height: 1.4em; position: relative; min-height: 300px; 
         -webkit-flex: 1 0 0px; -ms-flex: 1 0 0px; flex: 1 0 0px; overflow-x: auto; }

#content_main.cr { max-width: 1024px; margin: 0 auto; box-sizing: border-box; }

#content_main .inner { margin: -10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
         -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 400px; }

.slides { position: relative; margin: -20px 0 0 -20px; max-height: 350px; overflow: hidden; }
.slides .slide { position: absolute; top: 0; left: 0; line-height: 0; opacity: 0; transition: opacity .5s linear 0s; z-index: 11; background-color: #fff; width: 100%; }
.slides .slide.active { opacity: 1 !important; z-index: 12; }
.slides .slide img { position: relative; width: 100%; }
.slides .slide a { float: left; }
.slides .slide div.slide_text { color: #208192; font-size: 2.75em; font-style: italic; text-align: center; position: absolute; top: 0; right: 0; 
   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap;
   -webkit-align-items: center; -ms-align-items: center; align-items: center;
   width: 350px; height: 100%;
}

.list_item { border-top: 1px solid #208192; padding: 10px; background-color: #f6f8f9; }
.hc .list_item { background-color: #f3f4f7; }
.list_item input[type=text] { border: 1px solid #d2eeec; }
#content_main article .list_item table { margin-top: 0; }

.slides .slide div.slide_text > div { line-height: 48px; padding: 50px 25px; width: 100%; }
.slides .slide div.slide_text.tl { left: 0; }
.slides .hslide img { visibility: hidden; width: 100%; }
.slides .dots { width: 100%; position: absolute; bottom: 0; z-index: 15; }

article .col_left .slides { overflow: visible; }

#content_right { width: 300px; min-width: 300px; }
#content_main h1, #content_main h2, #content_main h3 { color: #208192; font-weight: normal; font-size: 2.75em; line-height: 42px; margin: 10px 0 25px; }
#content_main h2 { font-size: 1.9em; margin: 25px 20px 10px; line-height: 24px; }
#content_main h3 { font-size: 1.5em; margin: 25px 0 10px; line-height: 24px; }
#content_main h4 { font-size: 1.2em; margin: 0; line-height: 1.3em; color: #208192; font-weight: 600; margin-bottom: 5px; }
#content_main form h3 { margin: 15px 0 20px }

#content_main h2.toggle { cursor: pointer; }

#content_main.with_right { overflow: visible; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#content_main.with_right .inner, #content_right { display: inline-block; vertical-align: top; }
#content_main.with_right .inner { margin-right: 10px; -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 0px; max-width: 640px; }
#content_main.with_right .inner.cols { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
#content_right { -moz-flex: 0 1 0px; -webkit-flex: 0 1 0px; -ms-flex: 0 1 0px; flex: 0 1 0px; }
#content_main.with_right article.full { margin-right: 0; padding-right: 20px; box-sizing: border-box; }

.inner.cols img { max-width: 100%; }

#content_right .blog_nav { box-sizing: border-box; padding: 10px 20px; }
#content_right .blog_nav > div { line-height: 2em; padding: 0 6px; }
#content_right .blog_nav > div a { color: #208192; }
#content_right .blog_nav .active { font-weight: bold; }

#content_right .blog_nav > div { position: relative; padding-left: 10px; }
#content_right .blog_nav > div::before { content: "."; position: absolute; top: -5px; left: 0; font-size: 1.45em; }

#content_main article ul li { position: relative; padding-left: 10px; }
#content_main article ul li::before { content: "."; position: absolute; top: -5px; left: 0; font-size: 1.45em; }
#content_main article ul.cust_sel_list { margin-left: 0; }
.cust_sel li.active { background-color: #d2eeec; }

div.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

article.full.col2img .article_img { float: left; min-width: 250px; max-width: 250px; margin-right: 20px; vertical-align: top; }
article.full.col2img > div { margin-left: 270px; }

article.full .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
article.full .flex .item { min-width: 450px; margin: 10px 10px 20px; -webkit-flex: 0 1 0; -ms-flex: 0 1 0; flex: 0 1 0; }
article.full .flex .item img { float: left; line-height: 0; margin-right: 20px; }

article .flex_table  { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
/* article .flex_table .item { min-width: 450px; margin: 10px 10px 20px; -webkit-flex: 0 1 0; -ms-flex: 0 1 0; flex: 0 1 0; } */
article .flex_table > div  { flex: 0 1 auto; border-collapse: collapse; }
article .flex_table > div > div { border: 1px solid #ccc; border-collapse: collapse; }

article.full .subtl { position: relative; margin-bottom: 20px; display: flex; }
article.full .subtl > div:first-child { float: left; min-width: 100px; max-width: 100px; margin-right: 10px; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; font-size: .9em; }

div.flex.flex4 > div { flex: 1 0 auto; max-width: 215px; text-align: center; padding: 10px; }

.img_capt { max-width: 100%; margin-bottom: 20px; }
.img_capt.lft { margin-right: 20px; max-width: 350px; }
.img_capt.rgt { margin-left: 20px; max-width: 350px; }
.img_capt img { display: block; max-width: 100%; }

#page_head { width: 100%; position: relative; }
#page_head h1 { margin-top: 0; }
#page_head .banner_page + h1, #page_head .slides + h1 { margin-top: 40px; }

#content_main .intro { margin-bottom: 20px; max-width: 620px; }

.banner_page { margin: -20px 0 0 -20px; line-height: 0; }
.banner_page img { width: 100%; max-height: 350px; }

#islpronto_image { display: none; }
#islpronto_link { position: absolute; top: 0; right: 0; width: 300px; height: 45px; line-height: 0; background: #e9f7f6 url(/images/icons/sym_isl_live_chat_b.png) no-repeat 0 center; }
#islpronto_link[href="#nolink"] { display: none; }

.box_title { background-color: #e9f7f6; color: #208192; border-top: 5px solid #208192; font-size: 1.35em; font-weight: normal; }
.box_title.closed { padding-bottom: 10px; }
.box_title > div { margin: 12px 15px 6px; }
.box_content { padding: 15px; padding-top: 2px; }
.box_content .hl { margin-bottom: 5px; }
.box_content ul { margin: 0 0 20px 0; padding: 0; color: #208192; list-style-position: inside; }
.box_content li a { color: #208192; line-height: 26px; }
.box_content li::before { line-height: 26px; }

.box_content .value { float: right; text-align: right; padding-right: 10px; }
.box_item span.title { font-weight: bold; line-height: 20px; }
.box_item { border-bottom: 1px solid #208192; padding-bottom: 10px; margin-bottom: 10px; line-height: 1.65em; }
.box_item > div { margin-left: 20px; }

.box_item.nb { border: none; margin-bottom: 0; padding-bottom: 0; }

.step_info { border: 1px solid #e9f7f6; display: block; padding: 5px 10px; line-height: 1.4em !important; margin-top: 10px; }
.step_info.sml { display: inline-block; width: 150px; }
.form_2col.new .step_info .list span { display: inline-block; width: 150px; line-height: 1.4em; margin-top: 5px; }
.info_links span { float:left; display: inline-block; width: 236px; margin-top: 5px; }
.info_rechts span { display: inline-block; width: 136px; text-align: right; margin-top: 5px; }


#box_wk, #box_pv { margin-top: 20px; z-index: 5; width: 300px; }
.col_right #box_wk { margin-left: 20px; margin-top: 0; margin-bottom: 20px; }
#box_wk .box_title .toggle { background: transparent url(/images/icons/wk_arr_t.png) no-repeat right top; cursor: pointer; }
#box_wk .box_title .toggle.closed { background-position: right bottom; }
#box_wk .box_content { margin-top: 10px; }
#box_wk.fixed { position: fixed; top: 90px; margin-top: 0; left: 0; }

#box_wk.col3 { width: 390px; }
#box_wk.col3 .box_item > span { width: 120px; }
#box_wk.col3 .box_item > div { width: 80px; }
#box_wk.col3 #warenkorb_link_anzeigen, #box_wk.col3 .warenkorb_link { margin: 0 auto; }

.box_bonus_info { margin-top: 20px; z-index: 5; width: 300px; box-sizing: border-box; position: relative; padding: 10px 15px 15px; border-top-width: 2px; }
.box_bonus_info .medal { width: 80px; float: right; margin-left: 15px; }
.box_bonus_info .buyer_type { position: absolute; top: 10px; right: 15px; font-weight: bold; color: #208192; }
.box_bonus_info #gesamtpreis .wk_sum > div > :first-child { width: 70px; }
.wk_bonus_info { float: right; }
.wk_bonus_info .box_bonus_info { float: right; min-width: 360px; max-width: 100%; margin-top: 10px; margin-left: 10px; }
.wk_bonus_info .box_bonus_info .title { width: 115px; }
.wk_bonus_info .box_bonus_info .wk_col_3 { width: 80px; }
.wk_bonus_info .box_bonus_info .medal_text { margin-top: 10px; }
.wk_bonus_info .box_bonus_info .medal { max-width: 30px; float: left; margin-right: 10px; margin-left: 0; margin-top: 2px; }
.box.col2 .box_bonus_info { margin: 0; width: 100%; padding: 0; }
.box.col2 .box_bonus_info .buyer_type { position: relative; top: 0; right: 0; margin-bottom: 5px; }
.box.col2 .box_bonus_info #gesamtpreis .wk_sum > div > :first-child { width: 100px; }

.box2cols .box_bonus_info { padding: 0; width: 100%; }

#footer_mnav { display: none; }
#footer_wrap { position: relative; z-index: 101; width: 100%; background-color: #d2eeec; bottom: 64px; }
.bar #footer_wrap { bottom: 0; }
#footer { position: relative; font-weight: normal; padding: 0 90px; max-width: 1100px; margin: 0px auto; }
#footer_ol { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0e3b43; opacity: .7; z-index: 100; }
#footer ul { margin: 20px 0 0; padding: 0; list-style: none; /*border-left: 1px solid #18606c;*/ list-style: none; }
#footer > div#footer_content { margin: 20px 30px; }

#footer_toggle { display: block; position: absolute; z-index: 152; 
   background: transparent url(/images/icons/footer_tc.png) no-repeat center top; 
   height: 25px; width: 100%; text-align: center; top: -25px;
   cursor: pointer; }
.bar #footer_toggle { background-position: center -29px; }

#footer .scroll_content { 
   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;
   -webkit-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start;
   position: relative; padding-top: 5px;
}
#footer .list { min-width: 170px; max-width: 220px; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: inline-block; }

#footer .link a { line-height: 1.6em; }
#footer .link a:hover { color: #208192; }
#footer .hl { margin: 0; font-weight: bold; line-height: 20px; color: #18606c; cursor: pointer; }
.bar #footer .link { display: none; }

.bar #footer { position: relative; bottom: 0; }
.bar #footer > div#footer_content { overflow: hidden; height: 0; margin: 0 30px; }
.bar #footer.open > div#footer_content { margin: 10px 30px 20px; }


.bar #footer .bar_full { display: none; }
.bar #footer.open .bar_full { display: block; }

.bar #footer .bar_detail { display: block; }
.bar #footer.open .bar_detail { display: none; }


.copy { background-color: #d2eeec; position: relative; z-index: 102; margin: 0 auto; }
.copy > div { color: #208192; font-size: .8em; padding: 25px 0; max-width: 1100px; margin: 0 auto; }
.hc .copy > div { color: #000; }
/*  .m .copy > div { background-color: #999; padding: 0; height: 22px; color: #fff; font-size: 10px; text-align: right; line-height: 22px; padding-right: 5px; } */


.fehler { color: #f00; font-weight: bold; }
.infield { color: #899298; left: 8px; position: absolute; top: 1px; z-index: 1; }

.form2cols > div { margin-bottom: 2px; }
.form2cols div > label { width: 200px; margin-right: 10px; display: inline-block; line-height: 22px; vertical-align: top; width: 280px; }
.form2cols div > label + div { display: inline-block; }
.half .form2cols div > label { width: 120px; }

.two .form2cols div > input[type=text], .two .form2cols div > textarea { width: 280px; }
.two .form2cols div > input.sml { width: 120px; }
div.two { max-width: 620px; }

/*lBox */
.lb_bg { background-color: #eee; height: 100%; left: 0; opacity: 0.9; position: absolute; top: 0; width: 100%; z-index: 11111; }
.lb_overlay { background-color: rgba(204,204,204,.8); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 11112; }
.lb_overlay.trans { background-color: transparent; }
.lb_overlay > div { height: 100%; }
.lb_overlay .lb_content { max-height: 90%; height: auto; background-color: #ffffff; color: #000; opacity: 1; padding: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 900px; max-width: 100%; box-sizing: border-box; border-top: 5px solid #208192; border-bottom: 2px solid #208192; }
.lb_overlay.dark .lb_content { border: none; }
.lb_overlay.full .lb_content { width: auto; }
.lb_overlay .lb_content_s { position: relative; height: 100%; display: block; box-sizing: border-box; }
.lb_overlay .lb_content_s .inner { overflow-y: auto; padding-right: 10px; height: 95%; height: calc(100% - 50px); }
.lb_overlay .lb_content_s a { color: #208192; }

.lb_overlay.video .lb_content { width: auto; }

.lb_close { position: absolute; top: 0; right: 0; cursor: pointer; background: transparent url("/images/icons/close.png") no-repeat center center; width: 8px; height: 8px; padding: 5px; z-index: 2; }
.lb_overlay.dark .lb_close { background-image: url(/images/3d/btn_close_ws.png); }
.lb_content_frame { margin-bottom: 20px; }
.item_details .varianten .cust_sel { overflow: auto; width: 205px; }

.lb_content_s h1 { margin-top: 0; margin-bottom: 10px; }
.lb_content_s > h1 { color: #208192; font-weight: 600; font-size: 1.7em; }
.lb_content_s h1.info { color: #208192; padding-left: 30px; background: transparent url(/images/icons/info_d.png) no-repeat left center; }

.lb_content_s .inner.ctr { text-align: center; }

.lb_content_s input[type=text],.lb_content_s input[type=password] { width: 199px; }
.lb_content_s form h2 { margin-top: 0; margin-bottom: 15px; }
.lb_content_s form h3 { margin: 0 0 10px; font-size: 1.35em; padding: 0; font-weight: normal; }
.lb_content_s form > div { margin-bottom: 3px; }
.lb_content_s form label { width: 100px; margin-right: 10px; display: inline-block; }
.lb_content_s form .login_form { background-color: #B8DE04; padding: 10px; }
.lb_content_s form .login_form label { width: 100px; margin-left: 10px; color: #333; }
.lb_content_s form .login_form.wide label { width: 150px; }

.lb_content_s .optionlist span { width: 100%; }

.lb_max { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; position: relative; }

.lb_overlay.dark { background-color: rgba(42, 46, 57, 0.9); }
.lb_overlay.dark .lb_content { box-shadow: none; background-color: transparent; max-width: 1280px; width: 100%; box-sizing: border-box; }
.lb_overlay.dark .lb_content_s { max-width: 100%; box-sizing: border-box; }

.lb_buttons { text-align: center; line-height: 30px; margin-top: 10px; }
.lb_buttons a.btn { background-color: #208192; color: #fff; text-align: center; border: 0; border-radius: 4px; line-height: 25px; padding: 5px 20px; margin: 0; cursor: pointer; }
.lb_buttons a.btn.l2 { background-color: #f6f8f9; color: #000; border: 1px solid #d2eeec; }

.csep { border-top: 1px solid #e3e5e7; -webkit-flex: 0 3 100%; -ms-flex: 0 3 100%; flex: 0 3 100%; margin: 10px; }
article.full .csep { margin: 10px 0; clear: both; }
#content_main article { margin: 10px; max-width: 300px; min-width: 230px; vertical-align: top; position: relative; -webkit-flex: 1 0 0px; -ms-flex: 1 0 0px; flex: 1 0 0px; }
#content_main article.two { min-width: 50%; max-width: 620px; width: 100%; -webkit-flex: 1 0 0px; -ms-flex: 1 0 0px; flex: 1 0 0px; }
#content_main article.half { min-width: 40%; max-width: 48%; }
#content_main article.full { max-width: 100%; width: 100%; -webkit-flex: 0 3 100%; -ms-flex: 0 3 100%; flex: 0 3 100%; }
#navi_left + #content_main article.full { margin: 10px; }
#content_main article video, .lb_overlay video { display: block; margin: 0 auto; max-width: 100%; }
#content_main article h2 { color: #208192; font-size: 1.9em; line-height: 25px; margin: 0 0 15px; font-weight: normal; }
#content_main article h2.fehler { color: #f00; }
#content_main article .article_img + h2 { margin-top: 20px; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
#content_main article.full h2 { margin-top: 25px; }
#content_main article.full h2.toggle { margin-top: 15px; }
#content_main article.full.col2img h2 { margin-top: 0; }

#content_main article ol { margin: 0 0 20px 0; padding-left: 20px; }
#content_main article ul { margin: 0 0 20px 10px; padding: 0; list-style-position: inside; list-style: none; }
#content_main article ul ul { margin-left: 10px; }  
#content_main article > img { max-width: 100%; display: block; margin: 0 auto; }
#content_main article > img.inl { display: inline; }
#content_main article img.video, .lb_overlay img.video { cursor: pointer; padding: 20px; box-sizing: border-box; position: relative; max-width: 100%; }
#content_main article div.video, .lb_overlay div.video { position: relative; text-align: center; line-height: 0; }
#content_main article div.video::after, .lb_overlay div.video::after, .slide.video::after { cursor: pointer; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); content: "."; line-height: 0; font-size: 0; width: 200px; height: 200px; background: transparent url(/images/icons/play_btn.png) no-repeat center center; background-size: contain; max-height: 30%; opacity: .7; }
#content_main article div.video:hover::after, .lb_overlay div.video:hover::after { opacity: 1; }
#content_main article video, .lb_overlay video { max-width: 100%; height: auto; padding: 20px; box-sizing: border-box; }
#content_main article .youtube, #content_main article .youtube img, iframe { max-width: 100%; }

#content_main article table { width: 100%; margin: 10px 0; border-collapse: collapse; }
#content_main article th { text-align: left; font-weight: bold; }
#content_main article .article_img { line-height: 0; text-align: center; }
.article_img img { max-width: 100%; }
.full .article_img.left img, .full .article_img.right img { max-width: 350px; }

#content_main article.full .article_img.right img { float: right; }
#content_main article.full .article_img.center, #content_main article.full .article_img.center_top, .content_img.center_top, .content_img.center { text-align: center; }
.content_img.right { float: right; max-width: 50%; padding-left: 20px; padding-bottom: 20px; }
.content_img.right img { vertical-align: top; }
article .content_img img { max-width: 100%; }
#content_main article a { color: #208192; /* margin-right: 5px; */ }
.hc #content_main article a { text-decoration: underline; }
.hc #content_main article.full.col2img a { text-decoration: none; }


a.ext { text-decoration: underline; }
article > div.images { text-align: center; }
#content_main article .images img { display: inline; vertical-align: top; pointer-events: none; }

input, textarea, option, button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance:none; zoom:1; appearance: none; border: none; border-radius: 0; padding: 0; margin: 0; box-sizing: border-box; }

input[type=radio], input[type=checkbox] { background: none; border: none; width: 1px; height: 1px; position: absolute; left: -5555px; }
input[type=text], input[type=password] { background-color: #e9f7f6; line-height: 1.4em; padding: 2px 8px; box-sizing: border-box; font-size: 1em; }

.hc input[type=text], .hc input[type=password], .hc .cust_sel { background-color: #d8efee; }

.rd, .rdi, .cb { white-space: nowrap; position: relative; }

.rd input + label, 
.cb input + label { white-space: initial; display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin: 0 15px 0 0; line-height: 1.7em; width: auto; }

.rd input[type=radio] + label::before { border-radius: 100%; }

.rd input[type=radio] + label::before, 
.cb input[type=checkbox] + label::before { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; left: 0; top: 3px; background-color: #d2eeec; }

/*td .rd input[type=radio] + label::before { top: -11px; }*/


td > .rd { top: -2px; left: 14px; }
#anz_auswahl .rd label, #ass_auswahl .rd label { display: inline; }

input[type=radio]:focus + label::before, 
input[type=checkbox]:focus + label::before { background-color: #c4d5d8; }

input[type=radio]:hover + label::before, 
input[type=checkbox]:hover + label::before { background-color: #49bbb4; }

input[type=radio]:disabled + label::before, 
input[type=checkbox]:disabled + label::before { background-color: #eee; }

.rd input[type=radio]:checked + label::before { content: ""; font-size: 1.5em; color: #208192; text-align: center; line-height: .85em; background-color: #208192; border-radius: 100%; border: 5px solid #d2eeec; box-sizing: border-box; }

input[type=checkbox]:checked + label::before { content: "\2713"; font-size: 1.2em; line-height: 1em; text-indent: 2px; color: #208192; }

.rdi { display: inline-block; }

.rdi label { cursor: pointer; line-height: 0; display: inline-block; position: relative; padding: 5px; border: 1px solid #fff; }
.rdi input { display: none; }
.rdi input[type=radio] + label::before { display: none; position: absolute; right: 5px; bottom: 5px; background-color: #fff; font-size: .9em; line-height: 1.75em; width: 20px; height: 20px; text-align: center; font-weight: bold; }
.rdi input[type=radio]:checked + label::before { display: block; content: "\2713"; }
.rdi input[type=radio]:checked + label { border: 1px solid #208192; background-color: #fff; }

.content_fehler { color: #f00; line-height: 1.4em; }
input.error, .cf.error { border: 1px solid #f00; margin: -1px; }

.productchoice_step { width: 22px; padding-right: 5px; text-align: right; vertical-align: top; font-weight: bold; }
.productchoice_label { width: 200px; vertical-align: top; font-weight: bold; }

.popup_info { float: left; position: relative; top: 1px; padding-left: 5px; background: transparent url(/images/icons/info.png) no-repeat center top; height: 20px; width: 20px; }
.popup_info:hover { background-position: center bottom; }
.popup_info img { visibility: hidden; width: 20px; height: 20px; }
.popup_info.inl { float: none; top: 0; height: 20px; display: inline-block; vertical-align: top; }

img.inl_ico { position: relative; top: 2px; }

input[type=submit], button.submit_save { background-color: #208192; color: #fff; padding: 3px 20px; margin: 5px 0; cursor: pointer; border-radius: 4px; font-size: 1em; }
input[type=reset] { background-color: #ddd; color: #333; padding: 3px 20px; margin: 5px 0; cursor: pointer; border-radius: 4px; }
textarea { background-color: #e9f7f6; padding: 10px; color: #333; }

.hc textarea { background-color: #d8efee; }

.form_sum { background-color: #e9f7f6; margin-top: 15px; }
.form_sum h3 { margin: 0; font-size: 1.35em; padding: 11px 20px 8px; }
.form_sum .content { margin: 20px 0; }
.form_sum .content > div { clear: both; }
.form_sum .content > div div { float: left; }
.form_sum label { float: left; font-weight: bold; width: 160px; margin: 0 20px 10px; text-align: right; }
.form_sum .sum_line { line-height: 22px; }
.form_sum .sum_line.total { padding-top: 10px; font-size: 1.1em; }

.form_sum .num_field { background-color: #fff; width: 140px; margin: 0 20px 10px; padding: 2px 20px 2px 0; text-align: right; line-height: 18px; }

.button_container { text-align: center; padding-bottom: 20px; color: #B9E0DB; }
.button_container > div { display: inline-block; }
/* #netto_preis_stueck, #brutto_preis_stueck, #netto_preis_gesamt, #brutto_preis_gesamt { width: 180px; padding-right: 20px; text-align: right; } */

#warenkorb_link_anzeigen, .warenkorb_link { background: #4fb8b3 url(/images/icons/btn_wk.png) no-repeat left 20px center; }
#preisvergleich_bild { background: #4fb8b3 url(/images/icons/btn_pv.png) no-repeat left 20px center; }

.inl_btn { background-color: #208192; border-radius: 4px; color: #fff; text-align: center; box-sizing: border-box; white-space: nowrap; vertical-align: top; padding: 4px 15px; }

#box_wk { margin: 0 auto; }
#box_wk .btn, #box_wk_btn .btn { background-color: #208192; border-radius: 4px; color: #fff; text-align: center; box-sizing: border-box; width: 245px; white-space: nowrap; }
.hc #box_wk a.btn, .hc #box_wk_btn a.btn { text-decoration: none; }
#box_wk .btn.inactive { opacity: .4; cursor: default; }
#box_wk_btn .btn.l2 { background-color: #f6f8f9; color: #000; border: 1px solid #d2eeec; }
#box_wk_btn .btn.wk { padding: 8px 0; margin: 0; }

.artikel_details_box { width: 100%; background-color: #e9f7f6; }
.artikel_details_box.cat .box_title { background-color: #208192; color: #fff; padding: 5px 25px 12px; }
.artikel_details_box.cat .box_title a { color: #fff; }
.artikel_details_box .box_content { overflow-y: auto; }
.artikel_details_box .box_content > div { clear: both; }
.artikel_details_box .box_content.sp span { float: right; }
.artikel_details_box .box_content.w { border: 1px solid #208192; background-color: #fff; }


#box_wk { margin-top: 20px; z-index: 5; width: 300px; }
#box_wk .box_title .toggle { background: transparent url(/images/icons/wk_arr_t.png) no-repeat right top; cursor: pointer; }
#box_wk .box_title .toggle.closed { background-position: right bottom; }
#box_wk .box_content { margin-top: 10px; }
#box_wk.fixed { position: fixed; top: 90px; margin-top: 0; left: 0; }


.box_content .value { float: right; text-align: right; padding-right: 10px; }
.box_item span.title { font-weight: bold; line-height: 20px; }
.box_item { border-bottom: 1px solid #208192; padding-bottom: 10px; margin-bottom: 10px; line-height: 21px; }
.box_item > div { margin-left: 20px; }


#box_wk .btn { background-color: #208192; color: #fff; text-align: center; margin-top: 10px; border-radius: 4px; width: 100%; max-width: 300px; }
#box_wk .btn a { color: #fff; }

#box_wk .btn a, #box_wk_btn a.btn, #box_wk .btn.inactive { padding: 6px 20px; display: inline-block; }
#warenkorb_link_anzeigen.wk.inactive, .warenkorb_link.wk.inactive { display: block; }
#box_wk .btn.inactive a { padding: 0; }

#warenkorb_link_anzeigen, .warenkorb_link { background: none; margin-top: 15px !important; }
#warenkorb_link_anzeigen img, .warenkorb_link img { height: 12px; margin-right: 10px; position: relative; top: -1px; vertical-align: middle; }


#preisvergleich_bild  { background: none; }
#preisvergleich_bild  img { height: 12px; margin-right: 10px; position: relative; top: -2px; vertical-align: middle; }


#content_main .box_wk_head h3 { margin: 0; padding-bottom: 0; font-size: 1.25em; line-height: 24px; font-weight: 600; background-color: transparent; }
.box_wk_head { border-top: 5px solid #208192; }
.wk_bot_func { margin: 10px 0; text-align: center; }

#preisvergleich_bild { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; }
#preisvergleich_bild img { height: 12px; margin-right: 10px; position: relative; top: -2px; vertical-align: middle; }

td.active { background-color: #f6f8f9; }
.hc td.active { background-color: #f3f4f7; }

form div .spc { box-sizing: border-box; margin-bottom: 10px; width: 100%; }

form table td { padding: 2px; margin: 0; }
.form .pr_zeile:after,.form .pr_head:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.form .pr_name { float: left; width: 273px; }
.form .pr_anzahl { float: left; width: 80px; }
.form .pr_laenge { float: left; width: 92px; }
.form .pr_breite { float: left; width: 92px; }

.form .pr_name input { width: 260px; }
.form .pr_anzahl input { width: 70px; }
.form .pr_laenge input { width: 85px; }
.form .pr_breite input { width: 85px; }

form._fields > div { margin-bottom: 2px; clear: left; }
form._fields td .cust_sel { margin: 2px; }
form._fields label { display: inline-block; }
form._fields input[type=text] { margin: 1px 0; }

form.form_1col div > label { display: block; }
form.form_1col div > label.inl { display: inline-block; min-width: 100px; }

.scroll { overflow: auto; display: block; }

#mip_table { width: 100%; }
.mip_line { white-space: nowrap; }
.mip_line > div { display: inline-block; margin-right: 5px; }
.mip_line > div input { width: 100%; box-sizing: border-box; }
.mip_name { width: 200px; }
.mip_anzahl { width: 60px; }
.mip_anz_x { width: 60px; }
.mip_anz_y { width: 60px; }
.mip_laenge { width: 60px; }
.mip_breite { width: 60px; }
.mip_sum { width: 40px; text-align: right; }
#mip_add, .mip_del { position: relative; top: 4px; left: 25px; cursor: pointer; }

.clr { clear: both; }

.sum_line::after, .form_sum .content::after, .cf::after { content: "."; height: 0; line-height: 0; visibility: hidden; clear: both; display: block; width: 0; }

#content_main article a.button { background-color: #208192; display: inline-block; height: 30px; line-height: 30px; color: #fff; text-align: center; position: relative; margin-top: 5px; padding: 0 10px; }

.button_upload { background-color: #208192; display: block; height: 30px; line-height: 30px; color: #fff; text-align: center; position: relative; border-radius: 4px; margin-top: 5px; }
.button_upload img { vertical-align: middle; margin-right: 5px; }
.button_upload .progress { position: absolute; width: 0; height: 100%; background-color: #24d680; top: 0; left: 0; z-index: 201; }
.button_upload .progress.complete { width: 0 !important; }
.button_upload .abort { position: absolute; width: 100%; line-height: 32px; height: 100%; z-index: 202; top: 0; left: 0; display: block; color: #fff; text-align: center; display: none; }



/* Suche */
.zs .results > div { margin: 15px 0;  padding: 10px; background-color: #f6f8f9; border-top: 1px solid #208192; }
.hc .zs .results > div { background-color: #f3f4f7; }
.zs .context, .zs .description { max-width: 800px; }
.zs .result_title { font-size: 1.2em; margin-bottom: 5px; }
.zs .infoline { font-size: .9em; margin-top: 5px; }
.zs .result_pages { margin-top: 20px; }
.zs .result_pages > * { padding: 0 5px; }



.arr_rb, .arr_lb { position: relative; }
.arr_rb::after { position: relative; display: inline-block; content: "";  width: 12px; height: 12px; border-right: 2px solid #208192; border-top: 2px solid #208192; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.arr_lb::after { position: relative; display: inline-block; content: "";  width: 12px; height: 12px; border-right: 2px solid #208192; border-top: 2px solid #208192; -webkit-transform: rotate(45deg); transform: rotate(225deg); }

.arr_rb.inactive::after, .arr_lb.inactive::after { border-color: #ccc; }


.nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
.dt { display: table; text-align: center; width: 100%; }

.dots { text-align: center; vertical-align: middle; height: 35px; line-height: 14px; }
.dots > div { cursor: pointer; border-radius: 50%; width: 10px; height: 10px; background-color: #cccccc; display: inline-block; margin: 0 3px; }
.dots > div.active { background-color: #208192; }

select { border: 1px solid #E9F7F6; padding: 2px; background-color: #E9F7F6; }

#searchListInput { width: 1px; height: 1px; z-index: 1; border: 0; padding: 0; margin: 0; position: absolute; top: 5px; left: 5px; }
.cust_sel { background-color: #E9F7F6; cursor: pointer; float: left; max-height: 260px; position: relative; }
.cust_sel label { position: relative; }
.cust_sel .label::after { content: ""; background: transparent url(/images/icons/select.png) no-repeat right center; height: 22px; position: absolute; right: 5px; top: 0; width: 10px; }

.cust_sel_list { margin: 0; padding: 0; background-color: #E9F7F6; display: none; left: 0; list-style: outside none none; max-height: 250px; overflow: auto; position: absolute; top: 0; width: 100%; z-index: 5; border-radius: 3px; }
.cust_sel_list li:hover, .cust_sel_list li.selected { background-color: #4fb8b3; }
.cust_sel_list.open { z-index: 6; box-shadow: 3px 3px 3px 0 #999; }
.cust_sel .label { padding: 2px 8px; }
.cust_sel li { padding: 4px 8px; }

#content_main article .cust_sel li::before { display: none; }

#ip_search { position: relative; line-height: 15px; }

#ip_search_v { padding-right: 25px; vertical-align: top; border: 1px solid #d2eeec; height: 30px; width: 100%; }
#ip_search_v + input { position: absolute; top: 0; right: 0; width: 30px; height: 30px; background-color: #208192; }

#ip_search_c { width: 22px; height: 22px; position: absolute; top: 0; right: 0; }

#navi_left #ip_search { margin: 10px 0 10px 20px; width: 230px; line-height: 1em; }

table .active { background-color: #e9f7f6; }
table .tr_hover { background-color: #f6f8f9; }
.hc table .tr_hover { background-color: #f3f4f7; }

table.zb {  }
table.zb tr:nth-child(odd) { background-color: #f6f8f9; }
.hc table.zb tr:nth-child(odd) { background-color: #f3f4f7; }
table td { padding: 4px 6px 2px; margin: 0; }
article table td { vertical-align: top; }
table.ch { border-collapse: collapse; }
table.ch tr td:nth-child(n+2) { cursor: pointer; }

.loading { animation: 2s linear 0s normal both infinite running spinAnim; }   


.ipay_head { background: transparent url("/images/ipayment/frame_header.png") no-repeat 0 0; height: 70px; }
.ipay_head > img { margin-right: 7px; margin-top: 19px; }
.ipay_inner { background: transparent url("/images/ipayment/frame_content.png") repeat-y 0 0; padding: 10px 15px; }
.ipay_head, .ipay_inner { max-width: 510px; box-sizing: border-box; }
.ipay_footer { background: transparent url("/images/ipayment/frame_bot.png") no-repeat 0 0; height: 10px; }
.ipay_inner h2, .ipay_inner h3 { color: #333; }

.inl_cal { border: 1px solid #e9f7f6; margin: 10px 0 0; border-collapse: collapse; display: inline-block; }
.inl_cal > div:first-child { border-bottom: 1px solid #208192; }
.inl_cal > div > span:first-child { border-right: 1px solid #208192; }
.inl_cal > div:nth-child(odd) { background-color: #f6f8f9; border-collapse: collapse; }
.hc .inl_cal > div:nth-child(odd) { background-color: #f3f4f7; }
.inl_cal span { text-align: center; display: inline-block; width: 28px; padding: 2px; }
.inl_cal span.active { cursor: pointer; background-color: #d2eeec; font-weight: bold; }
.inl_cal span.selected { background-color: #208192; color: #fff; }
.inl_cal .weekn { background-color: #f6f8f9; }
.hc .inl_cal .weekn { background-color: #f3f4f7; }

.inl2_cal { border: 1px solid #e9f7f6; margin: 10px 0 0; border-collapse: collapse; display: inline-block; }
.inl2_cal > div:first-child { border-bottom: 1px solid #208192; background-color: #f6f8f9; }
.inl2_cal > div > span:first-child { border-right: 1px solid #208192; background-color: #f6f8f9; }
.inl2_cal span { text-align: center; display: inline-block; width: 28px; padding: 2px; }
.inl2_cal span.active { cursor: pointer; background-color: #d2eeec; font-weight: bold; }
.inl2_cal span.selected { background-color: #208192; color: #fff; }


@media (max-width: 1600px) {
   #page_footer { width: 100%; }
   .banner_page { margin: -20px 0 0 -20px; }
}


@media (max-width: 1279px) {
   #content_right { margin: 0 auto; }
   div.flex.flex4 > div { max-width: 44%; min-width: 200px; }
   #islpronto_link { max-width: 280px; }
}

@media (max-width: 1279px) and (min-width: 1024px) {
   #navi_top,#content,  #page_footer { width: 100%; }
   #content_main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;
      -webkit-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start;
   }
   #content_right, #content_right #box_wk, #content_right #box_pv, #right_preview { max-width: 280px; min-width: 280px; }
   #gallery img { max-width: 100%; }
   #page_head { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; }
   #content.full { width: 100%; }
   
   #main_top { width: 664px; padding-left: 50px; }
   
   .banner_page { margin: -20px 0 0 -20px; }
   
   #footer { padding: 0 50px; width: 690px; }
   #footer .list { min-width: 230px; max-width: 230px; width: 230px; }
   .copy { padding-left: 50px; }
   
}


@media (max-width: 1150px) and (min-width: 1100px) {
   #navi_left { max-width: 250px; min-width: 250px; width: 250px; }
   #logo_header { max-width: 290px; width: 290px; }
   .slides .slide div.slide_text { font-size: 2.4em; }
}

@media (min-width: 1024px) {
   #navi_left { visibility: visible !important; }
   #navi_top > div { width: 100%; }
}

@media (max-width: 1099px) and (min-width: 1024px) {
   .slides .slide div.slide_text { font-size: 2.15em; }
   #navi_left { min-width: 220px; width: 220px; max-width: 220px; }
   #logo_header { max-width: 260px; width: 260px; }
   #main_nav { padding-left: 0; }

}

@media (max-width: 1023px) {
   #navi_top { display: block; }
   #navi_top,#content,  #page_footer { width: 768px; }
   #content.full { width: 100%; }
   #content_main { width: 738px; padding: 20px 10px 60px 20px; }
   #content_right { margin-right: -10px; }
   #content_right, #content_right #box_wk, #content_right #box_pv { max-width: 260px; min-width: 260px; }
   #islpronto_link { margin-right: -10px; max-width: 260px; }
   #navi_left { width: 210px; }
   #navi_top > div { float: none; }
   #navi_top .desc { margin: 0; padding: 15px 0; line-height: 1.5em; }
   
   .slides { margin-right: -20px; }

   #main_top.hasNav #mnav_top { display: block; }
   #logo_header { height: 80px; width: 250px; }
   #logo_header a { padding-top: 15px; width: 125px; }
   #logo_header img { height: 50px; }
   #main_top { margin: 0; padding: 0 10px 0 50px; position: relative; }
   #main_top { width: auto; }
   #main_top.hasNav { padding-left: 60px; }
   #main_nav { width: 100%; padding: 0;
      display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
   }
   
   #nav_contact .vsep { display: block; width: 0; }
   
   #navi_left { visibility: hidden; z-index: 30; box-shadow: 2px 2px 2px #999; }
   #navi_left + #content_main { margin-left: -310px; }
   .full #content_main { margin-left: 0; }
   
   #content_main.with_right inner { display: block; }
   #right_preview { display: none; max-width: 250px; overflow: hidden; }
   
   #content_main h1 { font-size: 2.4em; margin-top: 35px; }
   
   #footer { padding: 0 20px; }
   #footer .list { min-width: 179px; max-width: 239px; width: 239px; }
   .copy { padding-left: 20px; }
   
   .banner_page { margin: -20px -10px 0 -20px; }
   
   #footer_ol { margin-left: 50%; left: -384px; width: 768px; }
   
   #content_main article { width: 232px; }
   
   .lb_overlay.dark .lb_content { top: 37%; }

   .lb_overlay.video .lb_content { width: 100%; }
   .lb_overlay.video video { max-width: 100%; }
}


@media (max-width: 1279px) and (min-width: 640px) {
/*
   #content_main { padding-right: 20px; }
   .banner_page { margin: -20px -20px 0 -20px; }
*/
   #content_main article { max-width: 50%; }
   #content_main article .article_img img { width: 100%; }
   #content_main article.two .article_img img { width: auto; }
   #content_main article.half .article_img img { width: auto; }
   #content_main article.full .article_img img { width: auto; }
   #content_main article.two { max-width: 100%; }
}


@media (max-width: 640px) and (orientation: landscape) {
   .lb_max { height: 100%; width: auto; }
   .lb_overlay.dark .lb_content { -webkit-transform: none; transform: none; left: 0; top: 0; height: 100%; max-height: 100%; width: 100%; max-width: 100%; padding: 10px; }
   .lb_overlay.dark .lb_content_s { padding: 0; }
   .lb_overlay.dark .lb_close.w { right: 0; width: 20px; height: 20px; background-image: url(/images/3d/btn_close_ws.png) }
}


@media (max-width: 480px) {
   #navi_top, #content, #page_footer, .copy { width: 100%; }
   #footer_firm, #box_pv { display: none; }

   #navi_top, #content_main { -webkit-transition: top .3s ease-out; transition: top .3s ease-out; top: 0; }
   #navi_left { width: 100%; max-width: 100%; position: fixed; top:0; left: 0; z-index: 240; overflow-y: auto; box-sizing: border-box; width: 100%; padding: 90px 0 0; height: 100%;  transition: padding .3s ease-out 0s; }
   #navi_left + #content_main { margin-left: 0; }
   .nh #navi_top, .nh #content_main { -webkit-transition: top .3s ease-out; transition: top .3s ease-out; top: -50px; }
   .nh #navi_left { -webkit-transition: margin-top .3s ease-out; transition: margin-top .3s ease-out; margin-top: -50px; }
   
   #navi_top { z-index: 250; position: fixed; top: 0; left: 0; width: 100%; }
   #navi_top > div { float: none; }
   #main_top.hasNav { padding: 0; }
   #navi_left > div:last-child { border: none; }
   
   #main_top { padding: 0; }
   #main_top > a { margin: 0; line-height: 40px; text-align: center; background-color: #fff; display: block; border-bottom: 1px solid #208192; display: none; }
   
   #head_info { display: none; }
   
   #main_nav { width: auto; }
   #main_nav_items { display: none; background-color: #d2eeec; text-align: center; box-shadow: 0 1px 2px #999; position: relative; }
   #main_nav_items .active { display: block; /* background-color: #a4ddda; */ }
   #main_nav_items > a:hover { background-color: #a4ddda; }
   #main_nav_items > a, #mnav_title { display: block; color: #18606c; font-size: 1.3em; font-weight: 600; letter-spacing: 1px; line-height: 40px; }
   #main_nav_items .home { display: block; }
   
   #main_nav_mtoggle { display: block; }
   
   #mnav_title { color: #208192; }
   
   #nav_contact { display: none; }
   
   #islpronto_link { display: none; }
   
   #mnav { display: block; height: 40px; width: 100%; position: relative; }
   #mnav_top { height: 40px; width: 100%; background: none; box-shadow: 0 2px 2px #ccc; }
   #mnav_top .mnav_toggle { display: block; position: absolute; top: 0; left: 0; min-width: 40px; min-height: 40px; height: 40px; width: 40px; background-color: #efefef; margin-right: 1px; border-right: 1px solid #DADADA; }
   #mnav_top .mnav_toggle .arr_rb { top: 14px; left: 11px; -webkit-transform: scale(1,0.7); transform: scale(1,0.7); }
   #mnav_top.open .mnav_toggle .arr_rb { border-color: #fff; top: 20px; left: -1px; -webkit-transform: scale(0.8,0.7) rotate(90deg); transform: scale(0.8,0.7) rotate(90deg); }
   
   #mnav_title { display: block; cursor: pointer; font-size: 1.1em; text-align: center; width: 100%; line-height: 40px; text-transform: uppercase; background-color: #fff; }
   #logo_header { width: 100%; max-width: 100%; height: 50px; background-color: #208192; transition: height .3s ease-out 0s; }
   #logo_header.s_off { height: 0; overflow: hidden; }
   #logo_header.s_off #konto_top { height: 0; overflow: hidden; }
   #navi_left.s_off { padding-top: 50px; }
   
   #logo_header a { width: 75px; margin: 0; padding: 10px 5px; }
   #logo_header img { height: 30px; }
   #konto_top { top: 5px; right: 65px; }
   #konto_top > div { background-color: transparent; width: 32px; }
   
   #nav_lang { width: 192px; right: 40px; display: none; padding-left: 90px; background-color: #208192; }
   #nav_lang > div { width: 32px; margin-left: 0; }

   #main_top { margin: 0; height: auto; }
   
   #content { display: block; margin-top: 50px; margin-bottom: 92px; width: 100%; }
   #content_main { width: 100%; padding: 0; margin-left: 0; }
   #content_main .inner { margin: 0; display: block; width: 100%; box-sizing: border-box; padding: 0 15px; min-width: 100%; }
   
   #content_main article { width: 100%; min-width: 100%; max-width: 100%; margin: 0; padding: 10px 0; box-sizing: border-box; }
   
   #content_main article.two { padding: 0; }
   #content_main.with_right article.full { padding-right: 10px; }
   #navi_left + #content_main article.full { margin: 0; padding: 0; }
   
   #content_main article.full { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
   #content_main article.half { max-width: 100%; }
   
   div.flex, div.flex.flex4 { display: block; }
   div.flex.flex4 > div { max-width: 100%; min-width: 200px; margin-bottom: 20px; }
   
   article.full.flex .item { width: 100%; min-width: 100%; max-width: 100%; }
   article.full.flex .item img { display: block; float: none; margin-bottom: 5px; }
   
   .img_capt { float: none; display: block; width: 100%; text-align: center; }
   .img_capt.rgt { margin: 0 0 15px 0; }
   .img_capt img { margin: 5px auto; max-width: 100%; }
   article.full img { max-width: 100%; }
   
   article.full .subtl { display: block; }
   article.full .subtl > div:first-child { float: none; max-width: 100%; display: block; margin-bottom: 10px; font-weight: bold; }
   
   .content_img.right { float: none; text-align: center; margin-bottom: 10px; max-width: 100%; padding-left: 0; }
   
   #content_right { margin-right: auto; min-width: auto; flex: 1 1 100%; margin: 0 15px; }
   #content_right, #box_wk { max-width: 100%; width: 100%; }
   #content_right, #content_right #box_wk { max-width: 100%; }
   
   #navi_left + #content_main { margin-top: 90px; }
   
   #navi_left div > a { padding: 0 30px; }
   #navi_left div:hover { background-color: #E9ECF1; }
   
   #navi_left .sub { background-color: #fff; margin-left: 0; }
   #navi_left .sub a { font-weight: normal; padding: 10px 20px 11px 40px; border-bottom: none; }
   #navi_left .sub2 a { font-weight: normal; padding: 10px 20px 11px 20px; border-bottom: none; }
   
   #navi_left .sub a.active, #navi_left .sub2 a.active { font-weight: bold; }
   
   #navi_left > div { padding: 0; line-height: 40px; }
   #navi_left div.arr_rb { top: -2px; left: auto; right: 30px; -webkit-transform: scale(.68) rotate(90deg); transform: scale(.68) rotate(90deg); }
   #navi_left a.active + div.arr_rb { -webkit-transform: scale(.68) rotate(-90deg); transform: scale(.68) rotate(-90deg); top: 2px; left: auto; right: 27px; }
   
   #navi_left .shop, #navi_left .home { background-color: #e9ecf1; }
   
   #navi_left .home a, #navi_left .shop a { text-transform: uppercase; border-bottom: 1px solid #fff; padding: 10px 20px; margin: 0; }
   #navi_left > div a { line-height: 19px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff; color: #18606c; font-weight: 600; letter-spacing: .8px; }
   
   #page_head h1 #page_head .intro { padding: 0; }
   .banner_page { margin: 0; }
   #content_main article textarea { width: 100%; }
   
   #ip_search_v { line-height: 18px; }
   
   #content_main h1 { font-size: 1.55em; color: #208192; margin-top: 10px; font-weight: 600; margin: 17px 15px 6px; line-height: 24px; }
   #page_head { margin-bottom: 20px; }
   #page_head .intro { margin: 5px 15px; }
   .csep { margin: 10px 0; } 
   
   .copy { padding: 0; text-align: right; position: absolute; bottom: 0; }
   .copy > div { padding: 0 10px 4px 0; font-size: .8em; line-height: 24px; }
   
   #mnav_footer { display: block; color: #18606c; text-transform: uppercase; line-height: 35px; letter-spacing: .9px; width: 161px; text-align: center; padding-right: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #d2eeec; }
   
   #footer { padding: 0; height: 100%; }
   #footer .scroll_content { display: block; overflow-y: auto; height: 100%; box-sizing: border-box; padding-top: 35px; }
   #footer .list { width: 100%; display: block; background-color: rgba(255, 255, 255, 0.5); width: 100%; max-width: 100%; }
   #footer .link { background-color: rgba(255, 255, 255, 0.7); }
   
   #footer .hl, #footer .link a { padding: 7px 30px; display: block; position: relative; }
   
   #footer ul { border-left: none; display: block; margin: 0; padding: 0; box-sizing: border-box; }
   #footer .link a { color: #18606c; }
   
   #footer_wrap { position: relative; height: 100%; box-sizing: border-box; padding-bottom: 24px; bottom: 0; }
   
   #page_footer { position: fixed; bottom: 0; z-index: 220; box-sizing: border-box; max-height: 100%; padding-top: 120px; }
   #page_footer.bar { padding-top: 0; }
   #footer_toggle { background-position: 50px top; }
   
   .bar #footer_toggle { background-position: 50px -29px; }
   .bar #footer .list { display: none; }
   #footer .link { display: none; }
   #page_footer .arr_rb { display: block; position: absolute; right: 20px; top: 5px; -webkit-transform: scale(.6) rotate(90deg); -ms-transform: scale(.6) rotate(90deg); transform: scale(.6) rotate(90deg); }
   #page_footer .hl.open .arr_rb { right: 18px; -webkit-transform: scale(.6) rotate(-90deg); -ms-transform: scale(.6) rotate(-90deg); transform: scale(.6) rotate(-90deg); top: 9px; }
   
   article .content_img img { width: 100%; }
   
   .slides { margin: 0; }
   .slides .slide div.slide_text { position: relative; width: 100%; font-size: 1.55em; background-color: #e9ecf1; height: 0; display: none; }
   .slides .slide div.slide_text > div { line-height: 20px; padding: 15px 20px; box-sizing: border-box; display: table-cell; vertical-align: middle; }
   .slides .hslide img { margin-bottom: 8px; }
   .slides .dots { position: relative; height: 15px; }
   
   #content_main article h2 { font-size: 1.25em; font-weight: 600; line-height: 22px; margin: 10px 0; }
   .article_img img { width: 100%; }
   
   .lb_content { width: 100%; box-sizing: border-box; max-height: 80%; }
   .lb_overlay.dark .lb_content { top: 50%; }
   
   form._fields div > label { width: 100%; }
   
   form._fields > div { margin-bottom: 10px; }
   input[type=text], input[type=password] { line-height: 22px; width: 100%; }
   
   #wk_footer { position: absolute; top: 0; right: 170px; }
   
   .form_sum label { text-align: left; }
   .form_sum label.c { width: 36%; }
   .form_sum .num_field { width: 36%; margin: 0 10px 10px; padding-right: 10px; }
   .mlabel2 label:first-child { display: none;  }
   .mlabel2 > label { width: 36%; }
   #box_wk .content > div { display: block; } 
   
   #box_wk_btn a.btn { display: block; margin: 0 auto; }
   
   span.vsep { display: block; width: 0; }
   
   .cust_sel .label { padding: 5px 8px; }
   .cust_sel .label::after { top: 2px; }
   
   .lb_close { margin: -5px; padding: 10px; }
}

@keyframes spinAnim {
   0% { transform: rotate(0deg); }
   25% { transform: rotate(90deg); }
   75% { transform: rotate(270deg); }
   100% { transform: rotate(360deg); }
}