/* responsive desktop */
@media screen and (max-width: 1370px) and (orientation: landscape) {
  #label_right_navi { display: none !important; }
}
@media screen and (max-width: 1280px) and (orientation: landscape) {
  #label_left_navi { display: none !important; }
}
@media screen and (max-width: 1186px) and (orientation: landscape) {
  #wrapper_div_right_icon_bar {
      right: 20px;
  }
}
@media screen and (max-width: 1145px) and (orientation: landscape) {
  #wrapper_div_right_icon_bar {
      /*display: none;*/
  }
}
@media screen and (max-width: 1180px) and (orientation: landscape) {
  #label_left_navi, #label_right_navi { display: none !important; }
  #div_top_navi_bar { margin-right: 73px !important; margin-left: 73px !important; }
  #div_top_navi_link { margin-right: 73px; margin-left: 73px; }
  #div_top_bar { margin-right: 73px !important; margin-left: 73px !important; }
  #div_logo { left: 92px !important; }
  .slides-navigation a.prev {
    left: 20px;
  }
  .slides-navigation a.next {
    right: 20px;
  }
}

@media screen and (max-width: 996px) and (orientation: landscape) {
  /*#div_right_icon_bar { display: none !important; }*/
}

/* design 980px tablet-landscape */
@media screen and (max-width: 1023px), screen and (max-width: 980px), screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) {
  #wrapper_div_right_icon_bar {
      display: block;
  }
  #button_bar_top_navi input[type="button"].ellipsis {
    max-width: 180px;
  }
  .no_desktop {
    display: inherit !important;
  }
  .no_tablet, .no_landscape {
    display: none !important;
  }
  .no_smart, .no_portrait {
    display: inherit !important;
  }
  #content {
    max-width: 980px;
  }
  #wrapper_text_input_search {
    right: 0;
  }
  #wrapper_div_right_icon_bar {
    top: 570px;
    right: calc(50% - 470px);
    right: -webkit-calc(50% - 470px);
    right: -moz-calc(50% - 470px);
  }
  #wrapper_div_right_icon_bar.fixed {
    right: 20px;
  }
  #wrapper_div_top_bar_content {
    top: 20px;
  }
  #div_banner {
    height: 434px;
    max-height: 434px;
    max-width: 980px;
  }
  #wrapper_div_logo {
    top:35px;
  }
  .widget {
    margin-bottom: 35px;
  }
  #div_bottom {
    height: 35px;
    display: block;
  }
  #wrapper_div_top_bar {
    top:35px;
  }
  .w_margin {
    margin-left: 19px;
  }
  .n_margin {
    margin-left: 0px !important;
  }
  #wrapper_div_right_content {
    left: calc(64.72% + 15px);
    left: -webkit-calc(64.72% + 15px);
    left: -moz-calc(64.72% + 15px);
    width: 33.49609375%;
    left: auto;
  }
  .widgets-row {
    margin-top:19px;
  }
  .widget_col10, .widget_col1, .widget_col2, .widget_col11, .widget_col12, .widget_col22 {
    margin-top: 19px;
    margin-right: 19px;
  }
  .widget_col_div, .widget_col2_div {
    margin-top: 10px;
  }
  .content_teaser {
    margin-right: 19px;
    max-width:541px;
  }
  .box_image {
    margin-right: 19px;
    max-width: 284px;
  }
  .font_section_header {
    font-size: 14px;
    line-height: 16px;
  }
  .font_headlines {
    font-size: 16px;
    line-height: 18px;
  }
  #banner_image {
    max-width: 836px;
  }
  #wrapper_div_banner.micro_site #banner_image {
    max-width: inherit;
  }
  #banner_image:hidden {
    width: 836px;
    height: 434px;
  }
  #banner_image:visible {
    width: 613px;
    height: auto;
  }
  #style_image {
    width: 980px;
    margin: 0px 0px 0px -490px;
  }
  .widget_col_img {
    height: auto; 
    width: 85px;
  }
  .widget_col_img.download_icon {
    height: 110.5px;
  }
  #logo_image {
    width: 329px;
    height: 92px;
  }
  #div_top_bar {
    height: 83px;
  }
  #wrapper_div_main_content {
    top:519px;
  }
  #wrapper_div_main_popup {
    top: 380px
  }
  #div_footer {
    display: none;
  }
  #div_footer_bar {
    display: block;
  }
  #div_footer_content {
    max-width: 980px;
  }
  #div_top_navi_bar {
    max-width: 836px;
    margin-right: 73px; 
  }
  #div_top_navi_link {
    max-width: 836px;
    margin-right: 73px;
  }
  #div_main_content {
    max-width: 836px;
  }
  #div_left_content .widget_col1, #div_left_content .widget_col11 {
    max-width: 242px;
  }
  .widget_col10 {
    max-width: 242px;
  }
  .formular .col3, .formular .col2, .formular .col1:not(.wide_col) {
    max-width: 240px;
  }
  .formular .col31, .formular .col1.wide_col {
    max-width: 503px;
  }
  .formular .col32 {
    max-width: 250px;
  }
  .formular .col33 {
    max-width: 760px;
  }
  .small #div_right_content, #div_left_content {
    max-width: 541px
  }
  #div_full_content .widget_col1, #div_full_content .widget_col11, #div_full_content .widget_col12 {
    max-width: 389px;
  }
  #div_full_content {
    max-width: 836px;
  }
  .small .widget_col11, .widget_col2, .widget_col22 {
    max-width: 503px;
  }
  #div_full_content  table[width='100%'], table[width='100%'] {
      max-width: 836px;
      width: inherit;
  }
  table[width='100%'] {
      max-width: 503px;
  }
  #div_full_content  table[width='100%'] td, table[width='100%'] td {
      max-width: 221px;
      margin-right: 19px;
  }
  #div_full_content  table[width='100%'] tr, table[width='100%'] tr {
    margin-top: 19px;
  }
  .widget_col_div.pad {
    padding-left: 100px;
  }
  .widget_col_headline {
    max-width: 136px;
    max-width: calc(100% - 100px - 6px);
    max-width: -webkit-calc(100% - 100px - 6px);
    max-width: -moz-calc(100% - 100px - 6px);
    margin-top: 0px;
    (;margin: 0px;);
  }
  img + .widget_col_headline {
    /*padding-left: 100px;*/
    (;padding: 0px;);
    margin-top: 0px;
    (;margin: 0px;);
  }
  .widget_col_img {
    margin-top: 2px;
  }
  _::-webkit-full-page-media, _:future, :root .widget_col_headline {
    padding: 0px;
  }
  #div_footer_bar_content {
    width: 100%;
  }
  #right_footer_bar {
    right: 72px;
    position: relative;
  }
  #left_footer_bar {
    left: 72px;
    position: relative;
  }
  #div_top, #div_top_blend {
    height: 137px;
  }
  #wrapper_div_banner {
    top: 137px;
  }
  
  #wrapper_div_top_blend.micro_site {
    display: block;
  }
  #wrapper_div_banner.micro_site {
    top: 137px;
    margin-left: 0px;
  }
  #wrapper_div_logo.micro_site {
    display:  block;
  }
  #wrapper_micro_site_logo {
    display:  none !important;
  }
  #wrapper_div_top_navi {
    top: 172px;
  }
  #text_input_search {
    width: 0;
  }
  #wrapper_link_bar {
    right: 60px;
  }
  span.tooltip:before {
    content: 'layout: tablet-landscape | ';
  }
  .wrapper_div_footer_container {
    left: 19px;
    right: 15px;
  }
  #div_right_navi {
    width: 72px;
  }
  #div_left_navi {
    width: 72px;
  }
  .slides-navigation a.prev {
    left: 20px;
  }
  .slides-navigation a.next {
    right: 20px;
  }
  #service_container {
    width: 350px;
  }
  #service_text {
    margin: 20px;
    margin-top: 55px;
  }
  #slogan_container {
    width: 613px;
    height: 434px;
    max-height: 434px;
    z-index: 112;
  }
  .wrapper_visual_container {
    max-width: 836px;
  }
  .visual_container {
    width: 541px;
    height: 434px;
    max-height: 434px;
  }
  .visual_text {
    margin: 35px 20px;
    margin-right: 0px;
    font-size: 16px;
    line-height: 18px;
    top: 75px;
  }
  .visual_headline {
    font-size: 16px;
    line-height: 18px;
  }
  .visual_headline a {
    font-size: 14px !important;
    line-height: 16px !important;
  }
  .visual_text {
    font-size: 16px; line-height: 18px;
  }
  .visual_text h1 {
    font-size: 16px; font-style: normal; line-height: 18px;
  }
  .visual_text h2 {
    font-size: 35px; line-height: 37px;
  }
  #slogan_text {
    margin: 20px;
  }
  #slogan_text.ol, #slogan_text.ul {
    left: 72px;
  }
  ui-tabs .ui-tabs-nav, #div_full_content .widget_col2, #div_full_content .widget_col22 {
    margin-right: 19px;
    max-width: 836px;
  }
  .font_text h1 {
    font-size: 16px; 
    line-height: 18px;
    margin-bottom: 10px;
  }
  .div_dropdown {
    width: calc(100% - 18px);
  }
  .font_text img {
    max-width: 503px;
    width: auto;
  }
  .font_text img[align="right"], .font_text img[align="left"] {
    max-width: calc(503px / 2);
    width: auto;
  }
  .widget_col10 .font_text img {
    max-width: 100% !important;
    width: auto;
  }
  #div_full_content .font_text img {
    max-width: 836px;
    width: auto;
  }
  #div_full_content .font_text img[align="right"], #div_full_content .font_text img[align="left"] {
    max-width: calc(836px / 2);
    width: auto;
  }
  table.matrix td {
    padding-bottom: 19px;
    padding-right: 19px;
    float: none !important;
  }
}

/* midsize bugs */
@media screen and (max-width: 979px) and (orientation: landscape) {
  #div_right_icon_bar {
    /*display: none;*/
  }
  #slogan_text.or, #slogan_text.ur {
    left: 72px;
    right: auto;
  }
}
@media screen and (max-width: 900px){
  #label_left_navi, #label_right_navi/*, #div_right_icon_bar*/ {
    display: none !important;
  }
  #div_logo {
    left: 92px !important;
  }
}
@media screen and (max-width: 850px) {
  #text_input_search {
    width: 0px;
  }
  #div_top_bar {
    margin-right: 20px !important;
  }
}
@media screen and (max-width: 1026px) {
  /*#link_bar_bottom {
    display: block !important;
  }
  #link_bar {
    display: none !important;
  }
  #text_input_search {
    width: 100px;
  }*/
  #text_input_search {
    width: 0px;
  }
  #div_top_bar {
    margin-right: 20px !important;
  }
  #wrapper_link_bar {
    right: 60px;
  }
  #wrapper_text_input_search {
    right: 0;
  }
  #wrapper_fb_like {
    bottom: calc(25px / 2);
  }
}

@media screen and (max-width: 796px) {
  #link_bar_bottom {
    display: block !important;
  }
  #link_bar {
    display: none !important;
  }
  #text_input_search {
    width: 100px;
  }
}

@media screen and (max-width: 786px) {
    #banner_image {
        max-width: 768px;
        width: 100%;
    }
    #wrapper_div_banner.micro_site #banner_image {
        max-width: inherit;
    }
    #banner_image:hidden {
        width: 768px;
        height: 368px;
    }
    #banner_image:visible {
        width: 768px;
        height: auto;
    }
    #service_container {
        display: none;
    }
}
  
/* design 768px tablet-portrait *//*screen and (max-width: 830px), */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  #wrapper_div_right_icon_bar {
      display: block;
  }
  #wrapper_div_right_icon_bar {
    top: 505px;
    right: calc(50% - 364px);
    right: -webkit-calc(50% - 364px);
    right: -moz-calc(50% - 364px);
  }
  #wrapper_div_right_icon_bar.fixed {
    right: 20px;
  }
  #button_bar_top_navi input[type="button"].ellipsis {
    max-width: 140px;
  }
  .no_desktop {
    display: inherit !important;
  }
  .no_tablet, .no_portrait {
    display: none !important;
  }
  .no_smart, .no_landscape {
    display: inherit !important;
  }
  #content {
    max-width: 768px;
  }
  #wrapper_text_input_search {
    right: 0;
  }
  #text_input_search {
    width: 100px;
  }
  #wrapper_div_top_bar_content {
    top: 22px;
  }
  #div_banner {
    height: 368px;
    max-height: 368px;
    max-width: 768px;
  }
  #wrapper_div_logo {
    top:35px;
  }
  .widget {
    margin-bottom: 35px;
  }
  #div_bottom {
    height: 35px;
    display: block;
  }
  #wrapper_div_top_bar {
    top:35px;
  }
  .w_margin {
    margin-left: 19px;
  }
  .n_margin {
    margin-left: 0px !important;
  }
  #wrapper_div_right_content {
    left: 0px;
    width: 100%;
  }
  #div_right_content {
    max-width: 100%;
  }
  .small #div_right_content, #div_left_content, #div_full_content {
    max-width: 100%;
  }
  .widgets-row {
    margin-top:19px;
  }
  .widget_col10, .widget_col1, .widget_col2, .widget_col11, .widget_col22 .widget_col12 {
    margin-top: 19px;
    margin-right: 19px;
  }
  .widget_col_div, .widget_col2_div {
    margin-top: 10px;
  }
  .content_teaser, .box_image {
    margin-right: 19px;
    max-width:622px;
  }
  .font_section_header {
    font-size: 14px;
    line-height: 16px;
  }
  .font_headlines {
    font-size: 16px;
    line-height: 18px;
  }
  #banner_image {
    max-width: 768px;
    width: 100%;
  }
  #wrapper_div_banner.micro_site #banner_image {
    max-width: inherit;
  }
  #banner_image:hidden {
    width: 768px;
    height: 368px;
  }
  #banner_image:visible {
    width: 768px;
    height: auto;
  }
  #style_image {
    width: 768px;
    margin: 0px 0px 0px -384px;
  }
  .widget_col_img {
    height: auto; 
    width: 85px;
  }
  .widget_col_img.download_icon {
    height: 110.5px;
  }
  #logo_image {
    width: 329px;
    height: 92px;
  }
  #div_top_bar {
    height: 83px;
  }
  #wrapper_div_main_content {
    top:453px;
  }
  #wrapper_div_main_popup {
    top: 328px
  }
  #div_footer {
    display: none;
  }
  #div_footer_bar {
    display: block;
  }
  #div_footer_content {
    max-width: 624px;
  }
  #div_top_navi_bar {
    max-width: 624px;
    margin-right: 73px; 
  }
  #div_top_navi_link {
    max-width: 624px;
    margin-right: 73px; 
  }
  #div_main_content {
    max-width: 624px;
  }
  .widget_col10, .widget_col1, .widget_col11, .widget_col12 {
    max-width: 273px;
  }
  .widget_col10, .widget_col1, .widget_col11, .formular .col3, .formular .col2, .formular .col1:not(.wide_col) {
    max-width: 280px !important;
  }
  .formular .col33, .formular .col31, .widget_col2, .widget_col22, .formular .col1.wide_col {
    max-width: 584px;
  }
  .formular .col2 {
    margin-top: 0px !important;
  }
  .formular label.ui-state-default:not(.label_button) {
    margin-left: 10px !important;
    margin-right: 5px !important;
  }
  .small .widget_col11 {
    max-width: 280px;
    width: 280px !important;
    /*border: 1px solid #000;*/
    margin-right: 0;
  }
  #div_full_content  table[width='100%'], table[width='100%'] {
      max-width: 584px;
      width: inherit;
  }
  #div_full_content  table[width='100%'] td, table[width='100%'] td {
      /*width: auto;*/
      max-width: 254px;
      float: left;
      margin-right: 19px;
  }
  #div_full_content  table[width='100%'] tr, table[width='100%'] tr {
    margin-top: 19px;
  }
  .widget_col_div.pad {
    padding-left: 100px;
  }
  .widget_col_headline {
    margin-top: 0px;
    (;margin: 0px;);
  }
  img + .widget_col_headline {
    /*padding-left: 100px;*/
    (;padding: 0px;);
    margin-top: 0px;
    (;margin: 0px;);
  }
  .widget_col_img {
    margin-top: 2px;
  }
  _::-webkit-full-page-media, _:future, :root .widget_col_headline {
    padding: 0px;
  }
  #div_footer_bar_content {
    width: 100%;
  }
  #right_footer_bar {
    right: 72px;
    position: relative;
  }
  #left_footer_bar {
    display: none;
  }
  #div_top, #div_top_blend {
    height: 137px;
  }
  #div_right_content > div.w_margin.float_none {
    margin-left: 0px;
  }
  #wrapper_div_banner {
    top: 137px;
  }
  #wrapper_div_top_blend.micro_site {
    display: block;
  }
  #wrapper_div_banner.micro_site {
    top: 137px;
    margin-left: 0px;
  }
  #wrapper_div_logo.micro_site {
    display:  block;
  }
  #wrapper_micro_site_logo {
    display:  none !important;
  }
  #wrapper_div_top_navi {
    top: 172px;
  }
  #div_top_bar {
    margin-right: 20px !important;
  }
  #wrapper_link_bar {
    right: 60px;
  }
  span.tooltip:before {
    content: 'layout: tablet-portrait | ';
  }
  .wrapper_div_footer_container {
      left: 19px;
      right: 15px;
  }
  .slides-navigation a.prev {
    left: 24px;
  }
  .slides-navigation a.next {
    right: 24px;
  }
  #right_footer_link_bar {
    display: block;
  }
  .bar_v_line {
    border-left-color: #FFFFFF;
  }
  /*#service_container {
    width: 300px;
  }*/
  #service_container {
    display: none !important;
  }
  #service_text {
    margin: 15px;
    margin-top: 55px;
  }
  #slogan_container {
    /*width: 613px;*/
    width: 710px;
    height: 368px;
    max-height: 368px;
    z-index: 112;
  }
  .wrapper_visual_container {
    max-width: 622px;
  }
  .visual_container {
    width: 602px;
    height: 368px;
    max-height: 368px;
  }
  .visual_text {
    margin: 35px 20px;
    margin-right: 0px;
    font-size: 16px;
    line-height: 18px;
    top: 15px;
  }
  .visual_headline {
    font-size: 16px;
    line-height: 18px;
  }
  .visual_headline a {
    font-size: 14px !important;
    line-height: 16px !important;
  }
  .visual_text {
    font-size: 16px; line-height: 18px;
  }
  .visual_text h1 {
    font-size: 16px; font-style: normal; line-height: 18px;
  }
  .visual_text h2 {
    font-size: 35px; line-height: 37px;
  }
  #button_bar_top_navi input[type="button"] {
    max-width: 155px;/* 4 buttons */
  }
  #slogan_text {
    margin: 20px;
  }
  #slogan_text.or, #slogan_text.ur {
    /*left: 72px;
    right: auto;*/
  }
  ui-tabs .ui-tabs-nav, #div_full_content .widget_col2, #div_full_content .widget_col22 {
    margin-right: 19px;
    max-width: 624px;
  }
  #wrapper_fb_like {
    bottom: calc(25px / 2);
  }
  .font_text h1 {
    font-size: 16px; 
    line-height: 18px;
    margin-bottom: 10px;
  }
  .div_dropdown {
    width: calc(100% - 18px);
  }
  .font_text img {
    max-width: 280px;
    width: auto;
  }
  .font_text img[align="right"], .font_text img[align="left"] {
    max-width: calc(280px / 2);
    width: auto;
  }
  .widget_col10 .font_text img {
    max-width: 100% !important;
    width: auto;
  }
  #div_full_content .font_text img, .font_text img {
    max-width: 584px;
    width: auto;
  }
  #div_full_content .font_text img[align="right"], .font_text img[align="left"] {
    max-width: calc(584px / 2);
    width: auto;
  }
  table.matrix td {
    padding-bottom: 19px;
    padding-right: 19px;
    float: none !important;
  }
}

/* design 480px smart-landscape */
@media  screen and (max-width: 480px), screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  table.responsive td label.ui-del, table.responsive td label.ui-check {
    width: 100% !important;
    padding-top: 7px !important;
  }
  .no_desktop {
    display: inherit !important;
  }
  .no_tablet, .no_portrait {
    display: inherit !important;
  }
  .no_smart, .no_landscape {
    display: none !important;
  }
  #content {
    max-width: 480px;
  }
  #wrapper_div_top_bar_content {
    top: 0px;
  }
  #div_banner {
    height: 230px;
    max-height: 230px;
    max-width: 480px;
  }
  .widget {
    margin-bottom: 30px;
  }
  #div_bottom {
    height: 32px;
    display: block;
  }
  #wrapper_div_footer_bar {
    bottom: 32px;
  }
  #wrapper_div_top_bar {
    top:23px;
  }
  .w_margin {
    margin-left: 14px;
  }
  .n_margin {
    margin-left: 0px !important;
  }
  #wrapper_div_right_content {
    left: 0px;
    width: 100%;
  }
  #div_right_content {
    max-width: 100%;
  }
  .small #div_right_content, #div_left_content, #div_full_content {
    max-width: 100%;
  }
  .widgets-row {
    margin-top:14px;
  }
  .widget_col10, .widget_col1, .widget_col2, .widget_col11, .widget_col22 {
    margin-top: 14px;
    margin-right: 14px;
  }
  .widget_col_div, .widget_col2_div {
    margin-top: 8px;
  }
  .content_teaser, .box_image {
    margin-right: 14px;
    max-width:440px;
  }
  .font_section_header {
    font-size: 13px;
    line-height: 14px;
  }
  .font_headlines {
    font-size: 14px;
    line-height: 16px;
  }
  .ui-widget, .ui-button-text, .font_text {
    font-size: 13px;
    line-height: 16px;
  }
  #info_basket {
    margin-top: 6px;
  }
  #banner_image {
    max-width: 480px;
  }
  #wrapper_div_banner.micro_site #banner_image {
    max-width: inherit;
  }
  #banner_image:hidden {
    width: 480px;
    height: 230px;
  }
  #banner_image:visible {
    width: 480px;
    height: auto;
  }
  #style_image {
    width: 480px;
    margin: 0px 0px 0px -240px;
  }
  .widget_col_img {
    height: auto; 
    width: 65px; 
    margin-right: 12px;
  }
  .widget_col_img.download_icon {
    height: 84.5px;
  }
  #logo_image {
    width: 218px;
    height: 62px;
  }
  #div_top_bar {
    height: 38px;
  }
  #wrapper_div_main_content {
    top:268px;
  }
  #wrapper_div_main_popup {
    top:198px;
  }
  #div_footer {
    display: none;
  }
  #div_footer_bar {
    display: block;
    overflow-x: scroll;
    overflow-x: overlay;
    -webkit-overflow-scrolling: touch;
  }
  #div_footer_content {
    max-width: 440px;
  }
  #div_top_navi_bar {
    display: none; 
  }
  #div_top_navi_link {
    max-width: 440px;
    margin-left: 53px;
    display: block;
  }
  #div_main_content {
    max-width: 440px;
  }
  #div_left_content .widget_col1, .widget_col1, #div_left_content .widget_col11, .widget_col11 {
    max-width: 198px;
  }
  #div_full_content .widget_col1, .widget_col1, #div_full_content .widget_col11, .widget_col11 {
    max-width: 198px;
  }
  .widget_col10 {
    max-width: 198px;
  }
  .small .widget_col11, .widget_col2, .widget_col22, #div_full_content .widget_col12, .widget_col12 {
    max-width: 400px;
  }
  #div_full_content  table[width='100%'], table[width='100%'] {
      max-width: 400px;
      empty-cells:hide;
      width: inherit;
  }
  #div_full_content  table[width='100%'] td, table[width='100%'] td {
      /*width: 100%;*/
      max-width: 184px;
      float: left;
      margin-right: 14px;
  }
  #div_full_content  table[width='100%'] tr, table[width='100%'] tr {
    margin-top: 14px;
  }
  .widget_col_div.pad {
    padding-left: 77px;
  }
  .widget_col_headline {
    margin-top: 0px;
    (;margin: 0px;);
  }
  img + .widget_col_headline {
    /*padding-left: 77px;*/
    (;padding: 0px;);
    margin-top: 0px;
    (;margin: 0px;);
  }
  .widget_col_img {
    margin-top: 2px;
  }
  _::-webkit-full-page-media, _:future, :root .widget_col_headline {
    padding: 0px;
  }
  #div_footer_bar_content {
    width: 100%;
  }
  #right_footer_bar {
    display: none;
  }
  #right_footer_link_bar {
    display: block;
    top: 12px;
    margin-left: 20px;
  }
  #left_bottom_bar {
    display: block;
  }
  #left_footer_bar {
    left: 72px;
    position: relative;
  }
  #div_top, #div_top_blend {
    height: 79px;
  }
  #div_right_content > div.w_margin.float_none {
    margin-left: 0px;
  }
  #wrapper_div_banner {
    top: 79px;
  }
  #wrapper_div_top_blend.micro_site {
    display: block;
  }
  #wrapper_div_banner.micro_site {
    top: 79px;
    margin-left: 0px;
  }
  #wrapper_div_logo.micro_site {
    display:  block;
  }
  #wrapper_micro_site_logo {
    display:  none !important;
  }
  #wrapper_div_top_navi {
    top: 99px;
  }
  #text_input_search {
    width: 0;
    
    margin-top: 0px;
    margin-right: -10px;
  }
  #div_top_bar {
    margin-right: 20px !important;
  }
  #wrapper_link_bar {
    right: 60px;

  }
  #div_logo {
    left: 20px !important;
  }
  #logo_image {
    display: block;
  }
  #div_top_bar {
    height: 38px;
  }
  #logo_image_small {
    display: none;
  }
  #wrapper_div_logo {
    top: 10px;
  }
  #div_right_navi_head, #div_left_navi_head, #button_bar_top_navi input[type="button"], #button_link_top_navi input[type="button"], #div_footer_bar, #wrapper_button_bar_top_navi, #wrapper_button_link_top_navi {
    height: 38px;
    font-size: 14px;
  }
  #ul_navi a, #ul_left a, #ul_right a {
    font-size: 14px;
  }
  #ul_navi, #label_left_bottom_bar, #label_left_footer_bar {
    font-size: 14px;
  }
  #wrapper_image_right_navi_icon, #wrapper_image_left_navi_icon {
    top: 7px;
  }
  #wrapper_image_left_bottom_bar_icon {
    left: 20px;
    top: 2px;
  }
  #wrapper_label_left_footer_bar {
    left: 39px;
  }
  #left_footer_bar {
    display: none;
  }
  #image_right_navi_icon_off, #image_right_navi_icon_on, #image_left_navi_icon, #image_left_footer_bar_icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
  #image_left_bottom_bar_icon {
    width: 20;
    min-width: 20;
    height: 20px;
  }
  #wrapper_label_left_bottom_bar {
    top: 4px;
    left: 42px;
  }
  span.tooltip:before {
    content: 'layout: smart-landscape | ';
  }
  #div_right_icon_bar {
    display: none;
  }
  .wrapper_div_footer_container {
      left: 19px;
      right: 13px;
  }
  #wrapper_link_bar_bottom {
    top: 0px;
    left: 0px;
    margin-top: 4px;
  }
  #link_bar_bottom {
    right: 19px;
  }
  #div_left_navi_head {
    min-width: 52px;
  }
  #div_right_navi_head {
    min-width: 52px;
  }
  #wrapper_image_left_navi_icon {
    right: 14px;
  }
  #wrapper_image_right_navi_icon {
    left: 14px;
  }
  #div_left_navi {
    width: 52px;
  }
  #div_right_navi {
    width: 52px;
  }
  #div_top_navi {
    width: 440px;
  }
  .slides-navigation {
    width: 440px;
    right: 20px;
    top: 30%;
  }
  .slides-navigation a.prev {
    left: 12px;
  }
  .slides-navigation a.next {
    right: 12px;
  }
  .slides-navigation a {
    font-size: 5em;
  }
  #div_right_navi_spacer {
    display: block;
  }
  #div_left_navi_spacer {
    display: block;
  }
  #wrapper_button_bar_top_navi {
    right: 0px;
    width: 25%;
  }
  #button_bar_top_navi .wrapper {
    margin-left: 1px !important;
    float: left;
    margin-bottom: 1px;
  }
  #button_bar_top_navi input.button {
    text-align: left;
  }
  #wrapper_div_left_navi_content {
    top: 39px;
  }
  #wrapper_div_top_bar_content {
    left: 0px;
  }
  #wrapper_text_label {
    display: none;
  }
  #div_logo, #div_top_blend {
    position: absolute;
  }
  .bar_v_line {
    border-left-color: #FFFFFF;
  }
  #right_footer_link_bar a {
    color: #FFFFFF;
    font-size: 14px;
  }
  #right_footer_link_bar a:last-child {
    margin-right: 20px;
  }
  .sb-slidebar {
    width: 248px;
  }
  .sb-right {
    margin-right: 1px;
  }
  .sb-left {
    margin-left: 1px;
  }
  #service_container {
    display: none !important;
  }
  #slogan_container {
    display: none !important;
  }
  .visual_container {
    display: none !important;
  }
  .formular .col3, .formular .col2, .formular .col1:not(.wide_col) {
    max-width: 190px;
  }
  .formular .col2 {
    margin-top: 0px;
  }
  .formular .col31, .formular .col1.wide_col {
    max-width: 400px;
  }
  .formular .col33 {
    max-width: 400px;
  }
  .formular label.ui-state-default:not(.label_button) {
    width: 100% !important;
    margin: 0 !important;
    padding-top: 7px !important;
  }
  table.responsive tr:not(:last-child) {
    margin-bottom: 10px !important;
  }
  table.responsive td {
    padding-left: 0px !important;
    margin-bottom: 10px;
  }
  table.responsive td .select_normal {
    margin-top: 0px !important;
  }
  ui-tabs .ui-tabs-nav, #div_full_content .widget_col2, #div_full_content .widget_col22 {
    margin-right: 14px;
    max-width: 440px;
  }
  #wrapper_fb_like {
    bottom: calc(20px / 2);
  }
  #wrapper_button_link {
    top: -12px;
  }
  input[type="button"].ellipsis {
    max-width: 330px;
  }
  .font_text h1 {
    font-size: 14px; 
    line-height: 16px;
    margin-bottom: 8px;
  }
  .widget_col10 .font_text img {
    max-width: 100% !important;
    width: auto;
  }
  #div_full_content .font_text img, .font_text img {
    max-width: 400px;
    width: auto;
  }
  #div_full_content .font_text img[align="right"], #div_full_content .font_text img[align="left"] {
    max-width: calc(400px / 2);
    width: auto;
  }
  .div_dropdown {
    width: calc(100% - 18px);
  }
  table.matrix td {
    padding-bottom: 14px;
    padding-right: 14px;
    float: left !important;
  }
  table.responsive .inputbox_number {
    margin: 0px 0px 0px !important;
  }
}

@media screen and (max-width: 479px) {
  #div_top_navi_bar, #div_right_navi, #div_right_navi_spacer {
    display: none;
  }
}

/* design 320px smart-portrait */
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  table.responsive td label.ui-del, table.responsive td label.ui-check {
    width: 100% !important;
    padding-top: 7px !important;
  }
  .no_desktop {
    display: inherit !important;
  }
  .no_smart, .no_portrait {
    display: none !important;
  }
  .no_tablet, .no_landscape {
    display: inherit !important;
  }
  #content {
    max-width: 320px;
  }
  #div_logo, #div_top_blend {
    position: fixed;
  }
  #wrapper_div_top_bar_content {
    top: 0px;
  }
  #wrapper_div_top {
    position: fixed !important;
    z-index: 111;
  }
  #wrapper_div_top_navi {
    position: fixed !important;
    z-index: 999;
  }
  #div_banner {
    height: 230px;
    max-height: 230px;
    max-width: 320px;
  }
  .widget {
    margin-bottom: 30px;
  }
  #div_bottom {
    height: 32px;
    display: block;
  }
  #wrapper_div_footer_bar {
    bottom: 32px;
  }
  #wrapper_div_top_bar {
    top:23px;
  }
  .w_margin {
    margin-left: 14px;
  }
  .n_margin {
    margin-left: 0px !important;
  }
  #wrapper_div_right_content {
    left: 0px;
    width: 100%;
  }
  #div_right_content {
    max-width: 100%;
  }
  #div_left_content, #div_full_content {
    max-width: 100%;
  }
  .widgets-row {
    margin-top:14px;
  }
  .widget_col10, .widget_col1, .widget_col2, .widget_col11, .widget_col22, .widget_col12 {
    margin-top: 14px;
    margin-right: 14px;
  }
  .widget_col22 {
    width: 100%;
  }
  .widget_col_div, .widget_col2_div {
    margin-top: 8px;
  }
  .image_box, .box_image {
    width: 100%;
    max-width: 320px;
  }
  .image_box  div, .image_box  div div, .image_box  div input {
    max-width: 240px !important;
  }
  .content_teaser {
    display: none;
  }
  .font_section_header {
    font-size: 13px;
    line-height: 14px;
  }
  .font_headlines {
    font-size: 14px;
    line-height: 16px;
  }
  .ui-widget, .ui-button-text, .font_text {
    font-size: 13px;
    line-height: 16px;
  }
  #info_basket {
    margin-top: 6px;
  }
  #banner_image {
    max-width: 320px;
  }
  #wrapper_div_banner.micro_site #banner_image {
    max-width: inherit;
  }
  #banner_image:hidden {
    width: 320px;
    height: 205px;
  }
  #banner_image:visible {
    width: 320px;
    height: auto;
  }
  #style_image {
    width: 320px;
    margin: 0px 0px 0px -160px;
  }
  .widget_col_img {
    height: auto; 
    width: 65px; 
    margin-right: 12px;
  }
  .widget_col_img.download_icon {
    height: 84.5px;
  }
  #logo_image {
    width: 218px;
    height: 62px;
  }
  #div_top_bar {
    height: 38px;
  }
  #wrapper_div_main_content {
    top:268px;
  }
  #wrapper_div_main_popup {
    top: 158px
  }
  #div_footer {
    display: none;
  }
  #div_footer_bar {
    display: block;
    overflow-x: scroll;
    overflow-x: overlay;
    -webkit-overflow-scrolling: touch;
  }
  #div_footer_content {
    max-width: 320px;
  }
  #div_top_navi_bar, #div_right_navi {
    display: none;
  }
  #div_top_navi_link {
    max-width: 280px;
    margin-left: 53px;
    display: block;
  }
  #div_main_content {
    max-width: 280px;
  }
  #div_left_content .widget_col1, .widget_col1, #div_left_content .widget_col11, .widget_col11 {
    max-width: 252px;
  }
  #div_full_content .widget_col1, .widget_col1, #div_full_content .widget_col11, .widget_col11, #div_full_content .widget_col12, .widget_col12 {
    max-width: 252px;
  }
  .widget_col10, .widget_col2 {
    max-width: 252px
  }
  #div_full_content  table[width='100%'], table[width='100%'] {
    max-width: 252px;
    empty-cells:hide;
    width: inherit;
  }
  #div_full_content  table[width='100%'] td, table[width='100%'] td {
    /*width: auto;*/
    max-width: 238px;
    float: left;
    margin-right: 14px;
  }
  #div_full_content  table[width='100%'] tr, table[width='100%'] tr {
    margin-top: 14px;
  }
  .widget_col_div.pad {
    padding-left: 77px;
  }
  .widget_col_headline {
    margin-top: 0px;
    (;margin: 0px;);
  }
  img + .widget_col_headline {
    /*padding-left: 77px;*/
    (;padding: 0px;);
    margin-top: 0px;
    (;margin: 0px;);
  }
  .widget_col_img {
    margin-top: 2px;
  }
  _::-webkit-full-page-media, _:future, :root .widget_col_headline {
    padding: 0px;
  }
  #div_footer_bar_content {
    width: 100%;
  }
  #right_footer_bar {
    display: none;
  }
  #right_footer_link_bar {
    display: block;
    top: 12px;
    margin-left: 20px;
  }
  #left_bottom_bar {
    display: block;
  }
  #left_footer_bar {
    left: 72px;
    position: relative;
  }
  #div_top, #div_top_blend {
    height: 79px;
  }
  #div_right_content > div.w_margin {
    margin-left: 14px !important;
  }
  #wrapper_div_banner {
    top: 79px;
  }
  #wrapper_div_top_blend.micro_site {
    display: block;
  }
  #wrapper_div_banner.micro_site {
    top: 79px;
    margin-left: 0px;
  }
  #wrapper_div_logo.micro_site {
    display:  block;
  }
  #wrapper_micro_site_logo {
    display:  none !important;
  }
  #wrapper_div_top_navi {
    top: 99px;
  }
  #text_input_search {
    width: 0;
    
    margin-top: 0px;
    margin-right: -10px;
  }
  #div_top_bar {
    margin-right: 20px !important;
  }
  #wrapper_link_bar {
    right: -80px;
    margin-top: 0px;
  }
  #div_logo {
    left: 20px !important;
    top: 10px;
  }
  #logo_image {
    display: block;
  }
  #div_top_bar {
    height: 38px;
  }
  #logo_image_small {
    display: none;
  }
  #wrapper_div_logo {
    top: 0px;
  }
  #div_right_navi_head, #div_left_navi_head, #button_bar_top_navi input[type="button"], #button_link_top_navi input[type="button"], #div_footer_bar, #wrapper_button_bar_top_navi, #wrapper_button_link_top_navi {
    height: 38px;
    font-size: 14px;
  }
  #ul_navi a, #ul_left a, #ul_right a {
    font-size: 14px;
  }
  #ul_navi, #label_left_bottom_bar, #label_left_footer_bar {
    font-size: 14px;
  }
  #wrapper_image_right_navi_icon, #wrapper_image_left_navi_icon {
    top: 7px;
  }
  #left_footer_bar {
    display: none;
  }
  #image_left_navi_icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
  #image_left_bottom_bar_icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
  }
  #wrapper_label_left_bottom_bar {
    top: 4px;
    left: 42px;
  }
  #wrapper_image_left_bottom_bar_icon {
    left: 20px;
    top: 2px;
  }
  #wrapper_div_top_bar_content {
    left: 0px;
  }
  #wrapper_text_label {
    display: none;
  }
  #wrapper_div_left_navi_content {
    top: 39px;
  }
  span.tooltip:before {
    content: 'layout: smart-portrait | ';
  }
  #div_right_icon_bar {
    display: none;
  }
  .wrapper_div_footer_container {
      left: 19px;
      right: 13px;
  }
  #wrapper_link_bar_bottom {
    top: 0px;
    right: 0px;
    margin-top: 4px;
  }
  #link_bar_bottom {
    right: 19px;
  }
  #div_left_navi_head {
    min-width: 52px;
  }
  #wrapper_image_left_navi_icon {
    right: 14px;
  }
  #div_left_navi {
    width: 52px;
  }
  #div_top_navi {
    width: 280px;
  }
  .slides-navigation {
    width: 280px;
    right: 20px;
    top: 30%;
  }
  .slides-navigation a.prev {
    left: 12px;
  }
  .slides-navigation a.next {
    right: 12px;
  }
  .slides-navigation a {
    font-size: 5em;
  }
  #div_left_navi_spacer {
    display: block;
  }
  .bar_v_line {
    border-left-color: #FFFFFF;
  }
  #right_footer_link_bar a {
    color: #FFFFFF;
    font-size: 14px;
  }
  #right_footer_link_bar a:last-child {
    margin-right: 20px;
  }
  .sb-slidebar {
    width: 248px;
  }
  .sb-left {
    margin-left: 1px;
  }
  #service_container {
    display: none !important;
  }
  #slogan_container {
    display: none !important;
  }
  .visual_container {
    display: none !important;
  }
  .formular .col2 {
    float: left;
  }
  .formular {
    margin-bottom: 30px;
  }
  .formular .col31, .formular .col32, .formular .col33, .formular .col3, .formular .col2, .formular .col1:not(.wide_col) {
    max-width: 250px;
  }
  .formular .col1.wide_col {
    max-width: 250px;
  }
  .formular .col1:not(.first), .formular .col2 {
    margin-top: 0px !important;
  }
  .formular label.ui-state-default:not(.label_button) {
    width: 100% !important;
    margin: 0 !important;
    padding-top: 7px !important;
  }
  table.responsive tr:not(:last-child) {
    margin-bottom: 10px !important;
  }
  table.responsive td {
    padding-left: 0px !important;
    margin-bottom: 10px;
  }
  table.responsive td .select_normal {
    margin-top: 0px !important;
  }
  .formular textarea {
    max-width: 250px;
  }
  ui-tabs .ui-tabs-nav, #div_full_content .widget_col2, #div_full_content .widget_col22 {
    margin-right: 14px;
    max-width: 280px;
  }
  #wrapper_fb_like {
    bottom: calc(20px / 2);
  }
  #wrapper_button_link {
    top: -12px;
  }
  input[type="button"].ellipsis {
    max-width: 250px;
  }
  .font_text h1 {
    font-size: 14px; 
    line-height: 16px;
    margin-bottom: 8px;
  }
  .widget_col10 .font_text img {
    max-width: 100% !important;
    width: auto;
  }
  #div_full_content .font_text img, .font_text img {
    max-width: 250px;
    width: auto;
  }
  #div_full_content .font_text img[align="right"], #div_full_content .font_text img[align="left"] {
    max-width: calc(250px / 2);
    width: auto;
  }
  .div_dropdown {
    width: calc(100% - 18px);
  }
  table.matrix td {
    padding-bottom: 14px;
    padding-right: 14px;
    float: left !important;
  }
  table.responsive .inputbox_number {
    margin: 0px 0px 0px !important;
  }
}