/*vars*/
@media only screen and (max-width: 1440px) {
  /**/
  /**/
    .outer {
      width: 1280px;
      max-width: 100%; }
    #helpcenter_ct {
      right: 50px; }
      #helpcenter_ct #btn_mail, #helpcenter_ct #btn_rr, #helpcenter_ct #btn_form {
        width: 50px; }
    #boxmirror #mirror1, #boxmirror #mirror2, #boxmirror #mirror3 {
      width: 370px;
      margin-right: 35px; }
    #slider {
      margin-right: 50px;
      margin-left: 25px; }
    #footer .footer_inner {
      margin-left: 15px; }
    #content {
      margin-right: 50px;
      margin-left: 25px; }
    #produkt #mi {
      width: 615px; }
      #produkt #re {
        width: 475px; }
      #produkt #tabcontainer {
        font-size: 12px; } }
/* --- 1280px --------------------------------------------- */
@media only screen and (max-width: 1280px) {
  body {
    font-size: 14px;
    line-height: 1.3em; }

  #helpcenter {
    right: -318px; }

  #wrapper, #wrapper_inner {
    max-width: 100%; }

  #kopfgrafik img {
    max-width: 100%;
    height: auto; }

  #produkt_hauptseite .buex:nth-of-type(3) {
    margin-right: 15px; }
    #box_container .box, #boxmirror .box, #box_container #mirror1, #boxmirror #mirror1, #box_container #mirror2, #boxmirror #mirror2, #box_container #mirror3, #boxmirror #mirror3 {
      width: 30%; }
    #box_container .box .head h2, #boxmirror .box .head h2, #box_container #mirror1 .head h2, #boxmirror #mirror1 .head h2, #box_container #mirror2 .head h2, #boxmirror #mirror2 .head h2, #box_container #mirror3 .head h2, #boxmirror #mirror3 .head h2 {
      font-size: 12px; }

  #slider div .sl_bild {
    width: 30%; }
    #slider div .sl_bild .text2 {
      bottom: initial;
      top: 75%;
      right: initial;
      left: 20%; }

  #content {
    padding: 10px;
    max-width: 95%; } }
/* --- 1200px --------------------------------------------- */
@media only screen and (max-width: 1200px) {
  #produkt #mi.scroll {
    height: auto; }
    #produkt #re {
      float: none; }
      #produkt #re #produkt_slider {
        width: 100%; }

  #nav a {
    padding: 5px 17px 6px 13px; }
    #nav a.hasentries:after {
      top: 10px;
      right: 4px; }
    #nav ul {
      top: 28px; } }
/* --- 994px --------------------------------------------- */
@media only screen and (max-width: 994px) {
  #nav a {
    font-size: 11px; }
    #nav a.hasentries:after {
      top: 10px;
      right: 4px; } }
/* --- 980px --------------------------------------------- */
/* --- 768px --------------------------------------------- */

@media only screen and (max-width: 767px) {
  /*
   width:70%;
   height:80px;
   margin:0 auto;
   img
   {
   width:100%;
   height:auto;
   }
   */
  /**/
  /**/
    #mobilemenu, #burgerbutton {
      display: block; }
    #mm_container {
      width: 100%;
      display: none; }
    #mainmenu {
      display: none; }
    #suche {
      display: none;
      top: initial;
      bottom: 14px;
      right: 30px; }
    #lupe {
      display: block; }
    #logo {
      display: none; }
    #logo_mobil {
      display: block; }
    #arr_d {
      margin-top: -15px; }
    #kopfgrafik #kreise #arrow {
      font-size: 15px; }
      #kopfgrafik #kreise #arrow.left:before {
        border-width: 13px 20px 17px 0; }
      #kopfgrafik #kreise #arrow.right:after {
        border-width: 13px 0 17px 20px; }
    #box_container, #boxmirror {
      padding: 0 10px; }
      #box_container .box, #boxmirror .box, #box_container #mirror1, #boxmirror #mirror1, #box_container #mirror2, #boxmirror #mirror2, #box_container #mirror3, #boxmirror #mirror3 {
        background-color: white;
        position: relative;
        width: 32%;
        margin-right: 10px; }
      #box_container .box:nth-of-type(3), #boxmirror .box:nth-of-type(3), #box_container #mirror1:nth-of-type(3), #boxmirror #mirror1:nth-of-type(3), #box_container #mirror2:nth-of-type(3), #boxmirror #mirror2:nth-of-type(3), #box_container #mirror3:nth-of-type(3), #boxmirror #mirror3:nth-of-type(3) {
        margin-right: 0; }
      #box_container .box .bild img, #boxmirror .box .bild img, #box_container #mirror1 .bild img, #boxmirror #mirror1 .bild img, #box_container #mirror2 .bild img, #boxmirror #mirror2 .bild img, #box_container #mirror3 .bild img, #boxmirror #mirror3 .bild img {
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: none;
        filter: none;
        -webkit-filter: grayscale(0);
        width: 100%;
        height: auto; }
      #box_container .box .head, #boxmirror .box .head, #box_container #mirror1 .head, #boxmirror #mirror1 .head, #box_container #mirror2 .head, #boxmirror #mirror2 .head, #box_container #mirror3 .head, #boxmirror #mirror3 .head {
        /*margin:10px; warum?????*/
        font-weight: bold; }
      #box_container .box .head h2, #boxmirror .box .head h2, #box_container #mirror1 .head h2, #boxmirror #mirror1 .head h2, #box_container #mirror2 .head h2, #boxmirror #mirror2 .head h2, #box_container #mirror3 .head h2, #boxmirror #mirror3 .head h2 {
        font-size: 14px; }
      #box_container .box .head .button, #boxmirror .box .head .button, #box_container #mirror1 .head .button, #boxmirror #mirror1 .head .button, #box_container #mirror2 .head .button, #boxmirror #mirror2 .head .button, #box_container #mirror3 .head .button, #boxmirror #mirror3 .head .button {
        position: absolute;
        bottom: 0px;
        right: 0;
        width: 92%;
        text-align: center;
        font-weight: bold;
        font-size: 13px; }
      #box_container .box .text, #boxmirror .box .text, #box_container #mirror1 .text, #boxmirror #mirror1 .text, #box_container #mirror2 .text, #boxmirror #mirror2 .text, #box_container #mirror3 .text, #boxmirror #mirror3 .text {
        padding: 0 10px 40px 10px; }
    #arrow {
      display: none; }
    #arrow_mobil {
      display: block; }
    #helpcenter_ct {
      right: 46px; }
      #helpcenter_ct div {
        width: 45px; }
    #slider {
      margin-left: 0; }
      #slider div {
        width: 100%;
        text-align: center; }
      #slider div .sl_bild {
        width: 90%;
        margin: 0 auto;
        text-align: center; }
      #slider div .sl_bild img {
        margin: 0 auto;
        max-width: 100%;
        height: auto; }
      #slider div .sl_bild .text2 {
        left: 0;
        max-width: 395px; }
    #produkt_hauptseite .buex {
      width: 100%; }
      #produkt_hauptseite .buex .sl_bild {
        width: 100%; }
      #produkt_hauptseite .buex .sl_bild img {
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: none;
        filter: none;
        -webkit-filter: grayscale(0);
        width: 100%;
        height: auto; }
    #produkt .block {
      margin-bottom: 30px;
      display: block !important; }
      #produkt #mi {
        padding: 0 15px;
        width: 95%;
        float: none; }
      #produkt #li {
        margin-bottom: 25px; }
      #produkt #li .sub_head {
        float: left;
        font-size: 18px;
        margin-right: 15px; }
      #produkt #li .sub_item {
        float: left;
        margin-top: initial;
        margin-right: 15px;
        padding-right: 10px;
        position: relative;
        border-right: 1px solid #009640; }
      #produkt #re {
        float: none;
        width: 90%; }
      #produkt #re #produkt_slider {
        margin: 0 auto; }
      #produkt #re #produkt_slider .slick-next {
        right: 73px; }
    #formular .row .desc {
      width: 100%; }
      #formular .row .value {
        width: 100%; }
      #formular .row .value input[type='text'], #formular .row .value input[type='email'], #formular .row .value input[type='url'] {
        width: 95%; }
    #prod_nav {
      display: none; }
    #footer:before {
      max-width: 94%;
      left: 2%; }
      #footer .footer_inner {
        font-size: 14px; }
      #footer .footer_inner #footernavi li a {
        font-size: 13px;
        line-height: 3em; }
      #footer .footer_inner .col {
        float: none;
        width: auto;
        margin-bottom: 15px; }
      #footer .footer_inner .col .val {
        width: 170px; }
      #footer .footer_inner .col.navi {
        float: right;
        margin-right: 30px; }
      #footer .footer_inner .col.top {
        float: none;
        margin: 0 auto;
        text-align: center;
        margin-top: 35px;
        margin-bottom: 30px; }
    #breadcrumb {
      margin-left: 13px; }
    #helpcenter_ct {
      width: 150px;
      height: 50px;
      bottom: 0px; }
      #helpcenter_ct #btn_mail, #helpcenter_ct #btn_rr, #helpcenter_ct #btn_form {
        top: initial;
        bottom: 0px; }
      #helpcenter_ct #btn_mail {
        right: 160px; }
      #helpcenter_ct #btn_rr {
        right: 100px; }
      #helpcenter_ct #btn_form {
        right: 40px; }
    #boxmirror #mirror1, #boxmirror #mirror2, #boxmirror #mirror3 {
      width: 100%; }
      #boxmirror #mirror1 .head .button, #boxmirror #mirror2 .head .button, #boxmirror #mirror3 .head .button {
        width: 97%; }
    #slider {
      margin-right: 0px; }
    #content {
      margin-right: 0px; }
    #produkt #mi {
      width: 93%; }
      #produkt #re {
        width: 93%; } }
/* --- 670px --------------------------------------------- */
@media only screen and (max-width: 670px) {
  #box_container .box, #boxmirror .box, #box_container #mirror1, #boxmirror #mirror1, #box_container #mirror2, #boxmirror #mirror2, #box_container #mirror3, #boxmirror #mirror3 {
    width: 100%;
    margin-right: 10px; }
    #box_container .box:nth-of-type(3), #boxmirror .box:nth-of-type(3), #box_container #mirror1:nth-of-type(3), #boxmirror #mirror1:nth-of-type(3), #box_container #mirror2:nth-of-type(3), #boxmirror #mirror2:nth-of-type(3), #box_container #mirror3:nth-of-type(3), #boxmirror #mirror3:nth-of-type(3) {
      margin-right: 10px; }
    #box_container .box .head .button, #boxmirror .box .head .button, #box_container #mirror1 .head .button, #boxmirror #mirror1 .head .button, #box_container #mirror2 .head .button, #boxmirror #mirror2 .head .button, #box_container #mirror3 .head .button, #boxmirror #mirror3 .head .button {
      width: 97%; }

  table {
    max-width: 100% !important; }
    table tr td {
      max-width: 100%;
      display: block; }
      table tr td img {
        margin: 10px auto; } }
/* --- 480px --------------------------------------------- */
/*@media only screen and (max-width: 479px) {*/
@media only screen and (max-width: 479px) {
  #suche input[type='text'] {
    width: 180px; }

  #produkt #re #produkt_slider div {
    width: 320px;
    margin: 0 auto; }
    #produkt #re #produkt_slider div img {
      max-width: 100%;
      height: auto; }

  #logo_mobil {
    width: 65%;
    margin: 25px auto 8px auto; }

  #content {
    margin-left: 10px; } }
/* --- 360px --------------------------------------------- */