.schwarzweiss {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(/_intern/pics/desaturate.svg#greyscale);
  filter: gray;
  -webkit-filter: grayscale(1);
}
.bunt {
  filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: none;
  -webkit-filter: grayscale(0);
}
@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) {
  #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;
    /*
		width:70%;
		height:80px;
		margin:0 auto;
		img
		{
		width:100%;
		height:auto;

	}
		*/
  }
  #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);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    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);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    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 --------------------------------------------- */